Skip to content
Submitted over 1 year ago

Flex, Responsive, + some additions

Ryan Abdaul•320
@RyanAbdaul
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Eventually I completed this design, It was kinda annoying in the beginning, but now I see it so easy, this design can help you to test your html skills, and also can help you to find out if you mastered grid or flex or you didn't, so I highly recommend this design for everyone to do. pls check out my codes and give me your opinion.

Code

Please log in to post a comment

Log in

Community feedback

  • Dilhan Boca•220
    @dboca93

    Hey Ryan,

    Hope you're enjoying your experience on Frontend Mentor. Your site is pretty good. However, when the screen size is between 770px and 900px wide (roughly) the creative wide-scrollbar you've created laps over one of the cards. Also, you could maybe use a bit more semantic html in your code.

    If you have time, maybe you could look at my page: https://fm-four-card-feature-eta.vercel.app/

    I believe that CSS Grid works a bit better on this design than flexbox.

    All the best, Please mark this comment as helpful! Feel free to add me on twitter: @dboca93

    Marked as helpful

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