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

Responsive product card, includes grid and flex

cesar 490

@cyeguez

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hola, tengo muchas dudas con la elaboración de archivo readme, entiendo que hay un modelo el cual es el ejemplo a seguir, pero no tengo idea por donde comenzar ya que observo que hay mucha información.

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Hello @cyeguez, Congratulations on completing this challenge!

Great solution and great start! By what I saw you’re on the right track. I’ve few suggestions to you that you can consider to add to your code.Your component is okay but its missing the vertical alignment. The best way to do it is by using flexbox. First step is to add min-height: 100vh to make the body height size becomes 100% of the screen height, this way you make sure that whatever the situation the child element (the container) align the body and then use the flex properties for alignment with display: flex / align-items: center; / justify-content: center;

✌️ I hope this helps you and happy coding!

Marked as helpful

0

@hectorjbd

Posted

Hola. El archivo readme es la introduccion de tu codigo donde podras escribir una breve descripcion de tu proyecto o tarea. El lenguaje que utiliza readme es el markdown. Donde podras buscar en google o ver videos tutoriales de como escribir. Tambien tu perfil de Github contiene un archivo readme donde podras hablar de ti y los lenguajes de programacion que utilizas. Espero que haya sido de tu ayuda este comentario.

Marked as helpful

0

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