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

[FLEXBOX] (almost identical design) Four Card Responsive Design

@AReactDeveloper

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?

This was challenging however I managed to get it to work as close as possible you are welcome to view the code and the workflow please leave a comment an advice something I could better next time or point out any blander or mistake I made your help is very appreciated thank you

What challenges did you encounter, and how did you overcome them?

sometimes the wrapper container would over flow to the top right side I fixed it somehow but I don't know what causes that behavior playing around with flexbox values till I get it right was challenging but it was equally as fun

What specific areas of your project would you like help with?

I would like to know do we use rem for everything or just text sizes like places where you need margin and padding around the box model

Community feedback

@limsael

Posted

This is really really nice and matches the design as well I like it

1

@AReactDeveloper

Posted

@limsael thank you a lot my friend

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