Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Social Proof Section - Responsive Design with Flexbox, Grid, Sass

accessibility, bem, sass/scss
P
a-woodworth•460
@a-woodworth
A solution to the Social proof section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hi Everyone! 👋

Mainly used Flex with some Grid for this challenge. Created an SVG <symbol> for the rating star and also used a <figure> with <blockquote> for the quotes. Adjusted some colors for better color contrast.

In my readme, I included a link to a CSS Tricks article on five methods for coding 5 star ratings and my favorite color resource for making color adjustments.

Feedback welcome.

Happy Coding!

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 a-woodworth'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