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

Flex, Responsive, + some additions

@RyanAbdaul

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


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

P

@dboca93

Posted

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

@RyanAbdaul

Posted

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

@dboca93

Posted

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