Submitted almost 3 years ago

CSS Flexbox and grid solution for the social proof challenge

Nebiyou Ersabo• 185

@NebiyouErsabo

Preview site View code

This is a solution for...

Social proof section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Howdy there, this is my fifth challenge out here. I used the mobile first approach, and had a very hard time rearranging it to the desktop view. Also, I feel like my CSS code is a bit redundant and that I could have used significantly less code to achieve the same thing. Any feedbacks, suggestions, and shortcuts are very welcome! Thanks!

Community feedback

Ritesh_Gupta• 520

@b4n1y4

Posted almost 3 years ago

Hey Nebiyou, your layout looks good... But there are a few things that I would like to point out -

The background in the desktop layout is missing.
The background color for the star rating container is missing.. Rest is all awesome! Keep Coding 🔥🔥🔥

Nebiyou Ersabo• 185

@NebiyouErsabo

Posted almost 3 years ago

@b4n1y4 I just noticed the background behind the ratings is missing. I'll fix that rq. But for the overall desktop background, I honestly saw no difference with the background or without it. Maybe I'll just put it there anyway.

Ritesh_Gupta• 520

@b4n1y4

Posted almost 3 years ago

@Nebiyou12 Yeah the desktop background is very subtle, but then, it's all about those details, isn't it?

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