Skip to content
Submitted about 4 years ago

Social Proof Section- Mobile First React and SASS (Grid/Flex)

matiussi•155
@matiussi
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello o/.

Here is my solution for the Social Proof Section, this is my first Mobile First website, using the Mobile First Approach was way more complex than I thought 😅, I'm not quite sure if I did the right way, because some people say that this approach is time saver... But in my case was the opposite (Maybe because is my first time), I had to overwrite my CSS a lot of times to achieve a good result in different displays... Honestly I'm still kind lost when it comes to CSS optimization, but I'll do my best 🙌

I also made a tablet layout 👩‍💻

If someone could give me some feedback, especially in the media queries and CSS code optimization I would be super happy 😊

Code

Please log in to post a comment

Log in

Community feedback

  • Akshay Meshram•390
    @akshay63

    Hey laura-2035! Your solution looks great and yeah a bit messy in the Media query part. I know building the "Mobile-first" layout is a bit difficult because I have told it is. I used max-width only till now but I will try min-width also in my coming challenges.

    Some suggestions from me are- When media queries are triggered in 1200 and 900, I found extra space between rating bars and review cards. You can center the rating bars and make the review cards 100% width.

    Keep coding! 👌👍

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