Responsive landing page with Flexbox and media queries

Solution retrospective
Estoy orgulloso de haber conseguido que la landing page sea completamente responsive y mantenga una buena estética tanto en mobile como en desktop. También me alegra haber resuelto el posicionamiento de los íconos sociales en desktop. La próxima vez, me gustaría probar usar CSS Grid para practicar otra forma de maquetar y lograr aún más control en el diseño.
What challenges did you encounter, and how did you overcome them?Uno de los desafíos fue ajustar correctamente la imagen de fondo para que se vea bien en todos los tamaños de pantalla. Lo solucioné utilizando background-size, background-position y adaptando los estilos con media queries. Otro punto fue lograr que todos los elementos estén alineados correctamente en el diseño de escritorio, especialmente entre los dos bloques principales.
What specific areas of your project would you like help with?Me gustaría recibir feedback sobre cómo optimizar el CSS (por ejemplo, reutilización de clases o simplificación de reglas repetidas). También me interesa saber si hay una mejor forma de posicionar los íconos sociales en desktop sin usar position: absolute.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Fernando Luis Pizarro's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord