Design comparison
Solution retrospective
Background Image
Community feedback
- @ERFAN-REVENANTPosted 4 months ago
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!
0 - @hannibal1631Posted 4 months ago
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.
0
Please log in to post a comment
Log in with GitHubJoin 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