Skip to content
Submitted over 1 year ago

pure css, flexbox and responsive

Matheus Tavares Viana•170
@matheuzeba
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

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

Community feedback

  • Hassia Issah•50,670
    @HassiaiPosted over 1 year ago

    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

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