Skip to content
Submitted 5 months ago

four card feature

gayathri-v1•170
@gayathri-v1
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

What are you most proud of, and what would you do differently next time?

I was able to write using CSS flex. Understood the concept of web responsive. Understood media queries.

What challenges did you encounter, and how did you overcome them?

While using media query for mobile and desktop, initially the code wasn't working. Only desktop layout was working and even if I resize the screen, the div did not get into column. Later I added some height and width and it worked.

What specific areas of your project would you like help with?

nothing as such

Community feedback

  • andiaz•150
    @andiazPosted 5 months ago

    Hey there, nice job! I think overall you have done a good job with this implementation. I do recommend to check the shadows however, you should have a shadow of X 0, Blur 30px, Y 15px and spread -11px, color #83A6D2 with an opacity of 50% to match the design. The titles can also be further improved, mainly the spacing between the first two headers and possibly the weight and size of the main header. Keep up the good work! :)

    1

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