Realice el codigo siguiendo todas las indicaciones pero en mi navegador se veia diferente por lo que jugue con los % quedando así:
.presentacion{ display: flex; align-items: center; margin: 5% 10%; justify-content: space-between;
}
Realice el codigo siguiendo todas las indicaciones pero en mi navegador se veia diferente por lo que jugue con los % quedando así:
.presentacion{ display: flex; align-items: center; margin: 5% 10%; justify-content: space-between;
}
Hola Bárbara, espero que estés bien
¡Qué bueno que estás experimentando con CSS! Usar porcentajes en las propiedades de margen es una forma excelente de hacer que tu diseño sea más flexible y adaptativo a diferentes tamaños de pantalla. Cuando usas porcentajes en margin
, estos se calculan en relación al ancho del contenedor padre, lo que puede ser útil para mantener proporciones consistentes en diseños responsivos.
Por ejemplo, si tienes un contenedor principal que ocupa el 100% del ancho de la pantalla, un margen de 5%
en la parte superior e inferior y 10%
a los lados hará que el contenido dentro de .presentacion
se ajuste automáticamente cuando cambies el tamaño de la ventana del navegador. Esto es especialmente útil para dispositivos móviles y pantallas de diferentes tamaños.
Si notas que el diseño se ve diferente en tu navegador, puede ser útil verificar si hay algún estilo heredado o si hay diferencias en cómo los navegadores interpretan ciertos estilos. También te recomiendo probar tu diseño en varios navegadores para asegurarte de que se vea de manera consistente.
Espero que esta explicación te haya sido útil. ¡Sigue experimentando y aprendiendo!
Espero ter ayudado y bons estudos!