Responsive product card, includes grid and flex

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾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
• 

  Hector Brito•470

  @hectorjbdPosted about 2 years ago

  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