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 using Css Grid

Sagar 20

@sagarthapaofficial

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


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

to be able to make responsive layout using css grid

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

little bit issue in arranging grid but i was able to figure out quickly.

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

NA

Community feedback

P
Julie 130

@salentipy

Posted

Hello! I'm doing one of Frontend Mentors learning paths, and part of that is giving feedback on someone else's work, and they chose yours for me to give feedback on. Having said that, I'm still pretty much a newbie when it comes to responsive layouts, so I don't really have too much I can say about your work. You succeeded in creating the layouts as required for both layouts, so most of what I would offer would just be my opinion on differing ways to achieve things. So, I really only have two things to suggest. First one, your header in your mobile layout needs to be centered. Second, you could achieve the colored top on each card a simpler way by creating a color class and using "border-top." But, like I said - just my opinion! Overall, this looks great and keep up the good work!

0

@Abdulazeez-20

Posted

Your project looks great!

I have a suggestion about your code that might interest you: *change the first heading opacity so it would look similar to the design *add a margin or padding after the heading *the colors of green, cyan cards should be cyan, blue *the shadow looks really sharp try to add some blur to it

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