Design comparison
SolutionDesign
Community feedback
- @correlucasPosted over 2 years ago
👾 Hello Othan, congratulations for your solution!
Look that your background-image isn't working proper due the position relative you've applied inside the class .bg-img, insteat of that, use
display: blockl;
andmax-width: 100%;
/ object-fit: cover;`.bg-img { display: block; max-width: 100%; /* position: relative; */ object-fit: cover;` background: url(../images/pattern-background-desktop.svg) no-repeat center/cover; height: 500px; }
Work also the container
width
to fix the values and make it responsive. Note that the card isn't contracting when the screen scales down.Hope it helps, happy coding!
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