Skip to content
Submitted 9 months ago

Social Proof Section Challenge

verakissyou17•420
@verakissyou17
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

•To find the best solution for the reviews cards and align them as in the design •And a little comma that made me search a couple minutes what is wrong in my code 😅🤦‍♀️ • Any improvement for my code is welcome. Thanks !

Community feedback

  • Rafael Dias•910
    @rafaeldgeoPosted 9 months ago

    Very! Very! responsive!!! Fantastic your solution!! Congratulation

    Marked as helpful
    1
    verakissyou17•420
    @verakissyou17Posted 9 months ago

    @rafaeldgeo Thanks! I used clamp on the h1 at your suggestion. I hope the middle value is OK.

    1
    Rafael Dias•910
    @rafaeldgeoPosted 9 months ago

    Hi @verakissyou17 The clamp It's work well. As suggestion, you can see the size change happening by inspect google chrome or firefox in "computed view".

    I saw that h1 size font started to change when browser size view got width: 862px. You can use this tool to view the better moment to change size. Help too much!

    The last thing. You can need to define one clamp for desktop and another mobile, sometimes.

    I hope to help with a little I know, because everyday there is a new thing to learn.

    Let's practice!

    Marked as helpful
    1
    verakissyou17•420
    @verakissyou17Posted 9 months ago

    @rafaeldgeo Thank you a lot!🤗🤗

    1

Please log in to post a comment

Log in with GitHub

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