Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

social-proof-section

abiskar100 100

@abiskar100

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@archeana

Posted

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
Discord logo

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