Skip to content
Submitted about 4 years ago

HTML & CSS

Sebastian•40
@aaustt
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Gabriel Monsalve•320
    @Gabrieldev-web-coder

    El diseño es muy parecido, pero creo que en el breakpoint 600px hay mucho espacio en blanco, cuando en el diseño se mantiene solo un pequeño espacio, yo hubiese puesto la propiedad de Flex hasta llegar a 768px y recién allí adaptarlo a Tablet y ese mismo cambio sirva para 1024px en adelante.

    Como usaste max-width creo que hiciste desktop first, ten en cuenta que en cuestión de SEO y accesibilidad lo ideal es que los diseños sean adaptados primero para dispositivos móviles, (mobile first) usando min-width, es una buena practica maquetar primero para móvil.

    Pero aún así esta muy bien, sigue codeando hermano.

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