Submitted about 4 years ago

Four Card Feature Section Using CSS Grid

Aakashdeep Sil• 40

@aakashdeepsil

Preview site View code

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

This is my first challenge on frontendmentor.io and I have really done all I know to make it close to the design preview. Also I have made it responsive enough. I would love to hear back from you if there is anything which I could have done better. Thanks.

Community feedback

Adarsh Pratap• 5,515

@adarshcodes

Posted about 4 years ago

Hi @aakashdeepsil, Congratulation on your first challenge and welcome to this amazing community. You did amazing work on this challenge, let's see your solution from different aspects

Design aspect

Your design looks fine.
You can increase the font-size of the card a bit.

Responsive aspect

Responsiveness works nice, you can add a two-column layout at 965 px and then later at around 665px make it one column as it is now.

Code aspect

Code looks clean
You can replace Ids# with classes ., because ids have higher specificity (if I'm not wrong).

Issues aroused

Great no issues aroused.

Migo• 205

@ngoc199

Posted about 4 years ago

Love your work <3

Please log in to post a comment

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