Submitted 3 months ago

Four card feature section

gajbos99•170

@gajbos99

Preview site View code

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?

Im proud of me getting it to look somewhat the same.

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

I had some problem on how to get the sizing and such in the card-container pixel-perfect and dont know what the best way is, would love some help with that.

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

the sizing in the grid, i want them to be the exact same size as in the example but i dont know what the best way is to do that.

Community feedback

AymaneOnline•330
@AymaneOnlinePosted 3 months ago
Your solution is really good, only one subtle detail that you missed is the cards shadow that you didn't implement, you could do it using the box-shadow property. I don't know if there is a way to be pixel perfect for the sizing other than having the actual FIGMA or .psd file which is not included in this challenge unless you're subscribed to frontendmentor.io 😊.

Another tip is that you could use lighthouse, it's an extension that helps you to improve the overall quality of your pages in terms of performance, accessibility etc... You could download it in chrome web store if you're using Chrome.
0

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