Design comparison
SolutionDesign
Community feedback
- @hitmorecodePosted about 1 year ago
Nice well done, there is an issue with the background image. This is how you can fix it
.section-container { width: 100%; height: 100%; background-image: url("./images/bg-desktop.svg"); background-size: cover; /* add this line */ background-repeat: no-repeat; /* add this line */ min-height: 100vh; } @media (max-width: 1140px) { .section-container { background-image: url("./images/bg-mobile.svg"); background-size: contain; /* add this line */ /* min-height: 0; */ } .section-container .container { padding: 30px 25px; } }
Marked as helpful0
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