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

Social proof challenge

Kariman Medhatβ€’ 170

@KarimanMedhat

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I faced the hardest time in this project, I managed to make it looks good on desktop but I filed on mobile and I tried Flex-box and grid both of them didn't work. Have any idea what should I do?

Community feedback

P
Dave Quahβ€’ 670

@Milleus

Posted

Hi there!

I noticed that you used a lot of position: absolute and transform: translate to shift elements. This makes things a lot more complicated to work with, I would suggest not to use this excessively.

The layout can actually be achieved with CSS grid and flex. If you're comfortable with watching a video guide to this challenge, here's a good video on how Kevin Powell approached this.

In my opinion, this challenge is one of the harder newbie challenges. I hope this does not discourage you. Keep at it and happy coding~

Marked as helpful

0

Kariman Medhatβ€’ 170

@KarimanMedhat

Posted

@Milleus Thank you I need to watch this video since I learned grid from Kevin so it's gonna be helpful.

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