Skip to content
Submitted about 4 years ago

Responsive page using CSS grid and Flexbox

Emin Muratoglu•190
@scorpion61
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

Tried to implement the css Flexbox and grid layout on this project. You are welcome to review. Thanks.

Community feedback

  • sonickonic•700
    @sonickonicPosted about 4 years ago

    Hey 👋 Congrats on submitting your first challenge! Nice work the :hover effect is super cool! 🚀

    On a widescreen, the cards are extremely wide did you consider max-width property?

    Don't forget to correct the HTML ISSUES, they are easy to solve)

    1
    Emin Muratoglu•190
    @scorpion61Posted about 4 years ago

    Hello @sonickonic,

    Thank you very much for the feedback. Yes I thought about max-width but for some reason I just didn't add it, it would have been nicer to stop stretching the cards after some point :)

    1

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