Responsive social proof section using tailwind css

Solution retrospective
Background Image
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ERFAN-REVENANT
for the background image you can just give the images absolute position and align them with every direction you like for example: top{ position: absolute; top: -1%; right: 10% }
for the other parts like the title you can give them a width so it shows in a specific way and you may wanna take a look at your font families too.
hope it was helpful!
- @hannibal1631
This Looks great.
For the background image, take a look at this
body { display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Kumbh Sans'; background-color: var(--Dark-cyan); background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); background-repeat: no-repeat, no-repeat; background-position: right 52vw bottom 41vh, left 50vw top 50vh; }
Although this is from another project, this will be work on this one too. Just adjust the position, color according to your specifications.Hope this helps.
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