Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
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 | Mobile First | Responsive

Nick OD 270

@NickODxyz

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


Hi all, please let me know what you think of this effort.

Can someone take a look at how I went about setting this up for being responsive please? In my .wrapper class I set width: min-content max-content;. I done this as I've been setting widths to everything of late in the hopes of making it picture perfect, only to be terrible responsively. I don't even know if the above is correct, but it seemed to do what I wanted it to.

I actually had to code this twice, as the first time I coded it desktop first and set the width for everything and couldn't do sod all with it in mobile view lol So If someone could let me know the best practice on this it would be much appreciated.

I also tried setting a couple of media queries and played with the design. It is not my strong point as you will see lol But at full screen and mobile I think it looks OK.

Thanks, Nick

Community feedback

Nick OD 270

@NickODxyz

Posted

Oh and of course the stars. I never had a clue how to best go about them, so made them the best I could with minmal code.

If anyone has any suggestions on them and how best to have got them in place that would be great.

Nick

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