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

Responsive page using CSS grid and Flexbox

@scorpion61

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


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

Community feedback

sonickonic 700

@sonickonic

Posted

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

@scorpion61

Posted

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