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

Full responsive, GRID, SCSS

@SamyrOR

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


Any feedback will be welcome!

In love doing these challenges!

Community feedback

@limtedtorni000

Posted

Hi Samyr your solution look great and responsive for the stars icon i suggest using width: 2rem rather using percentage. keep contributing these awesome solutions

3

@SamyrOR

Posted

Hello @limtedtorni000!

I tried to put an fixed value, but broke the desing, then a adjusted an margin and now even with % its much better!

I will keep making these awesome challenges and giving my best, thanks for the feedback!

0
David Payne 1,205

@dpayne713

Posted

Samyr,

Nice job! Looks great and is nice and responsive.

The stars get a little small on some screen widths. Looks like they may be a percentage rather than a fixed value? Might try sticking to a fixed values for them as their container boxes really aren't changing size that dramatically.

Keep it up!

David

2

@SamyrOR

Posted

Hi @dpayne713!

Thanks for the feedback, i really apreciate this!

You are right, the size of stars are % from the wrapper, i tried to put a fixed value, but this broke and the stars come a row down, so i maintened the % and adjust the margin, now its look much more better!

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