Skip to content
Submitted 4 months ago

Four Card container using flexbox and media querries

Airat Galeev•100
@MajorFreedom
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Now I mostly use ems and rems, but I think it's still complicated to me in the way that I dont know the actual size of element. Like for my eye I know how looks 24px but I can say the same about 2em because it's different if your base font-size not the same.

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

I get confused at the begining, because in the last article there was grids. I though I should use grids to make this layout, but for me it's easier with flex-box and I did it with it.

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

Flex-boxes is my love

Community feedback

  • SergioBrandaoF•130
    @SergioBrandaoFPosted 4 months ago

    The most salient issue that I can detect with your code is that the file structure doesn't follow common best practices.

    There should be a CSS folder that contains both the images (or assets) folder and your stylesheet.

    Other than that I believe your design looks close enough to what was requested by the challenged.

    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