Skip to content
Submitted 11 months ago

social-proof-section

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

I couldn't add the bottom background . This isn't made responsive as i haven't gone there yet , so any suggestions on these two or more things will really be helpful. thanks ! , have a good day/night.

Community feedback

  • archeana•10
    @archeanaPosted 11 months ago

    Hi ! So you have to add both images you have it as a comment in your code but you just need to add a comma in between like this :

    background-image: url("bg-pattern-top-mobile.svg"), url("bg-pattern-bottom-mobile.svg");

    and for the responsiveness, you should add media queries.

    like /* mobile / @media (min-width: 650px) { .container { width: 70%; } } the same for the / Desktop */ @media (min-width: 900px)

    Hope it helps

    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