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 4 Card Features

@dsaglam94

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


Hello y'all!

Every comment and suggestion's welcome! Please let me know what I did good/wrong and how I can improve it.

Happy coding!

Community feedback

bikeinman 1,080

@BikeInMan

Posted

Nice work ! Works great on desktop and mobile.

Marked as helpful

1

@dsaglam94

Posted

@BikeInMan Thank you very much man. It means a lot :')

0

@Ahmedhassanin12

Posted

you did it well 🎉✔

Marked as helpful

1

@dsaglam94

Posted

@Ahmedhassanin12 Thanks a lot!

0
Rio Cantre 9,690

@RioCantre

Posted

Hello there! Nice work with this project. Looking at your solution, I would suggest the following for you...

  • Try increasing the breakpoints from max-width: 820px into max-width:1172px
  • Import the attribution style in CSS file and remove style tag
  • Alternative is to use h3 tag rather than h4

Above all, the design is well implemented. Hope this helps and Keep it going!

Marked as helpful

1

@dsaglam94

Posted

@RioCantre Hello! Thank you for your advices. I will implement those changes to project and check them. Your advices always help me!

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