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

Four Card container using flexbox and media querries

@MajorFreedom

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

Posted

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