Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 4 years ago

Social Proof Section | Mobile First | Responsive

Nick OD•270
@NickODxyz
A solution to the Social proof section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Nick OD's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License