Skip to content
Submitted about 1 year ago

Social Proof Section

MattylDevs•100
@MattylDevs
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

Quite enjoyed this, dont know if all the pracice is making it a bit more of an easier ride or not.

i did have a few issues though:

the review boxes at the bottom, dont think the spacing is quite right.

Also the mobile design was a bit of an issue. I think for next time maybe ill do mobile first for some practice.

any feedback or suggestions?

Community feedback

  • lrobb95•200
    @lrobb95Posted about 1 year ago

    Hello, Matt!

    Wonderful job on the project! I have yet to do this one, however I see you were using margin’s to separate the boxes. I would fully recommend trying the “gap” property out. If I had to guess, gap it to between 1rem to 2rem. If you have never used the gap property, it’s as simple as putting:

    gap: 2rem;

    Let me know how it works out!

    Marked as helpful
    0
    MattylDevs•100
    @MattylDevsPosted about 1 year ago

    @lrobb95

    Thanks for the advice ill give it a try!

    1
    lrobb95•200
    @lrobb95Posted about 1 year ago

    Glad I could help! @MattylDevs

    0

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