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-section - css grid

YusufWebDevβ€’ 170

@YusufWebDev

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


my first attempt at this . i used css grids. because i am eye-balling all the padding and margins, its very tedious to get the correct spacing.

Please suggest an application i can use to measure padding and margins.

As always, please feel free to give your positive critique

Community feedback

drallasβ€’ 375

@Drallas

Posted

Hey Yusuf

Just completed this one myself too.

  • Your CSS structure is very nice, but too many !importants! (i used 0 importants) :)
  • Your BG images are not showing up, the url for GH pages is without fw slash!
  • Your Sizing is a bit off / bigger than the design.
  • Also the positioning is a bit off.

I hope it helps and you can refactor it a bit..

Greetings.

0

YusufWebDevβ€’ 170

@YusufWebDev

Posted

@Drallas

im not using the pro version. so im new to guessing sizes for the margins and padding. can you recommend an application i can download to measure the margins. what software are you using.

0
drallasβ€’ 375

@Drallas

Posted

@YusufWebDev I can recomment the video's from (Coder Coder) Jessica https://www.youtube.com/watch?v=8w_kHIAkucA she uses Adobe XD and a simple overlay to measure from jpeg.

If you watch her video's you will see what i mean!

0
YusufWebDevβ€’ 170

@YusufWebDev

Posted

@Drallas

i watch her all the time XD

0
Madisonβ€’ 0

@imslaygal

Posted

We're all eyeballing :) Even the experts. That's why I love to watch them FM projects on Youtube bc we realize they're just like us.

0

YusufWebDevβ€’ 170

@YusufWebDev

Posted

@imslaygal

i agree. it just makes things so much more complicated.

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