Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tarjeta-Columnas 010.Html5, CSS preprocesador:LESS, Flexbox,Responsivo

@Candido-HM

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Desafio resuelto con Html5. Css con el prepocesador de LESS, declaración de variables, mixions. Tambien se utilizo Flexbox para poder realizar las columnas y darle un mejor diseño a la pagina ademas de cuidar la parte responsiva. Sugerencias o comentarios son muy bienvenidos. Saludos.

Community feedback

P
ania 330

@ania221B

Posted

Hello Candido 👋

Congratulation on completing the challenge! It looks really nice 🙂

I've noticed that you often set height on elements. It's a good idea to leave that out and instead let the height be decided by the contents of the element and things like padding. So to make an element take up more vertical space, you could give it bigger padding, add margin to elements inside, increase line-height of the text and so on. I hope this helps.

I apologize for commenting in English, but I don't know Spanish.

Happy coding 🙂

Marked as helpful

1

@Candido-HM

Posted

@ania221B Hello Anya Greetings from Mexico. Thank you very much for your recommendations, they are very valuable to me to correct some bad practices that I have. And don't worry about English, I use the translator to understand the language since I have basic knowledge of the English language.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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