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

Four card feature section - grid

@hugodelmiranda

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Gilang Ramadhan• 170

@gilangr1440

Posted

Nice work.

there are some parts that I want to suggest:

  • you can use grayishblue as the background color to match the design
  • there is a typo in the icon images/icon-Karma.svg should use lowercase
  • you can train your eyes to be more careful in seeing the width, padding, and margin
  • try using grid-template-areas it seems that property is more comfortable to use for responsive layout
  • for box shadow you can visit this page https://www.cssmatic.com/box-shadow you can create box shadow easily and can make you understand box shadow better

Keep it up

Marked as helpful

0

@hugodelmiranda

Posted

@gilangr1440 Your suggestions were super helpful and will definitely help me improve my work. Thanks a lot for your help!

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