Skip to content
Submitted over 4 years ago

Social proof section

Franklin Ohaegbulam•30
@frankiefab100
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

When I was working on this project, the layout was perfect but it changed when it was hosted on vercel.

Please any advice on how to recreate this?

Code

Please log in to post a comment

Log in

Community feedback

  • Jane•1,040
    @janegca

    Hi Franklin, a few things you could try:

    1. For the wrapping container, add a little padding, 1 or 2vw, so things don't stick to the screen edges in the smaller sizes.

    2. For the Ratings, try a min-width of 22rem for the individual ratings (you'll probably need to play with the 'space-evenly' or padding as well). Also the background colour for these is hsl(300, 24%, 96%).

    3. For your testimonies, try setting 'min-height: 15rem'

    I think that if you change to the min-heights you can probably safely remove the hard-coded heights. Also, with the changes you will probably need to tweak your container width and margins.

    Hope that's of some help.

  • Mesut Çifci•485
    @mesutcifci

    Hey frankie,

    Could you send screen shot before and after? Also if there are could you disable your browser exensions?

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