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

pure css, flexbox and responsive

@matheuzeba

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


This one was really helpful and i loved to work on it :>

Community feedback

Hassia Issah 50,670

@Hassiai

Posted

Give the header a width of 50% and margin: 0 auto.

For a responsive content, give the header and the main a width of 80vw or a max-width of 1440px and a width of 80%.

You forgot to add a media query for the mobile design. For more on media queries, click here

i will advice you always begin with the mobile design first, this will make the process a little bit easier.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING

Marked as helpful

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