Skip to content
Submitted 8 months ago

Responsive CSS GRID

Alberto Valenzuela•150
@AlbertoVaMa
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Im the most proud of the knowledge of css grid and size the items inside the container.

What challenges did you encounter, and how did you overcome them?

The most challenging was the image, i cant adjust to my container and let it that way buy im trying to improve my skills

What specific areas of your project would you like help with?

With the CSS GRID AND CSS FLEX

Community feedback

  • Fafel•140
    @FafellPosted 8 months ago

    The project looks solid, at the beginning I recommend setting "overflow: hidden;" for a container with a white background, this will allow you to round the edges with the photo. I send you interesting websites with information on how to do it: https://www.w3schools.com/css/css3_images.asp https://kinsta.com/blog/css-image-styling/

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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