Skip to content
Submitted 3 months ago

CSS Grid and Flex Layouts. Responsive. Img traits.

Iván Fernández López•230
@IvanFdez01
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?

Using flex and grid layouts. Knowing all their varieties.

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

I don't know how to remove all the white space on the mobile version (for me when screen.width < 900px). Maybe a body or .card classes problem.

Community feedback

  • M-Faraz-Anjum•140
    @faraz-ch1Posted 3 months ago

    It is because in @media query you are giving body white background color. Removing it will solve the problem.

    0
    Iván Fernández López•230
    @IvanFdez01Posted 3 months ago

    @faraz-ch1 nop, that only affects the color, not the structure. I put that to get rid of the "card" and make the whole page one, as common.

    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