Skip to content
Submitted 11 months ago

Flex, Responsive, + some additions

Ryan Abdaul•320
@RyanAbdaul
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

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.

Community feedback

  • Dilhan Boca•220
    @dboca93Posted 11 months ago

    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
    1
    Ryan Abdaul•320
    @RyanAbdaulPosted 11 months ago

    @dboca93, thanks a lot dude really your comment was so helpful, and thanks for telling me about that issue, I'll fix it whenever possible. I wanna say either about your code when I checked out, I found some interesting css features that I don't know yet, so I searched for them and used. Thanks again dude, I followed you so I can know your know designs coming up.

    1
    Dilhan Boca•220
    @dboca93Posted 11 months ago

    @RyanAbdaul

    No worries bro ! Anytime :) Hopefully we can learn together on this platform together :)

    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