Solucion a la landing page de la agencia Sunnyside (CSS GRID, FLEXBOX)
Design comparison
Solution retrospective
Hola a todos! Agradecería si me dejas una critica constructiva que me ayude a mejorar en mis proyectos a futuro, todas las criticas serán bien recibidas.
Utilice CSS GRID para posicionar los elementos padres en la pagina y Flexbox para posicionar algunos elementos como la barra de navegación, los testimonios de los clientes y el footer. Ademas, adapte la pagina para que fuera responsive en la mayoría de dispositivos utilizando medidas en width genéricas.
Pd: no encontré el PNG de la flecha que aparece en el header por lo que opte por utilizar un icono de Font Awesome
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Olá, Daniel Solis! 👋
Well done on this challenge! 👍 Your solution looks great and scales up/down nicely! 👏
I suggest,
- Taking a look at your solution report and trying to clear up some of the errors that are there in order to improve the accessibility of your solution (looks like you need to as some
alt
text to the images). - Adding
object-fit: cover
to some of the images in the desktop layout to make sure that they are clipped (not stretched or squeezed) when their size changes. - Adding a favicon to the site (there's one in the free starter files for the challenges that you can use).
- Adding the mobile menu toggle button (as Amon mentioned). 😉
Keep coding (and happy coding, too)! 😁
Marked as helpful0@d4ndynoobPosted over 3 years ago@ApplePieGiraffe Thank you very much for your suggestions, I have put them into practice and I already found the arrow icon in the files, I also added
object-fit: cover;
and the images now look much better. For the moment I will continue working on the button in the navigation bar. Thank you very much again1@ApplePieGiraffePosted over 3 years ago@DanielSolis14
No problem, Daniel! 😀 I'm glad to help. 👍
0 - Taking a look at your solution report and trying to clear up some of the errors that are there in order to improve the accessibility of your solution (looks like you need to as some
- @A-amonPosted over 3 years ago
Its good! But the menu button seems to be unavailable on mobile size~
Marked as helpful0@d4ndynoobPosted over 3 years ago@A-amon Thanks for comment. It's true! I forgot to add a button to open the navigation bar from mobile devices. Thanks, I'll work to correct that!
0
Please log in to post a comment
Log in with GitHubJoin 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