Design comparison
SolutionDesign
Community feedback
- @hitmorecodePosted over 1 year ago
Congratulations well done. Just one thing that you need to fix. The background image is not filling the page in the width.
body { background-image: url(../images/pattern-background-desktop.svg); background-repeat: no-repeat; background-cover: contain; /* add this line to fix the background image */ background-color: hsl(225, 100%, 94%); font-family: 'Red Hat Display', sans-serif; /* width: 100%; */ /* you don't need this, the width of the body is always 100% */ min-height: 100vh; /* it's good practice to use min-height */ display: flex; align-items: center; justify-content: center; padding: 1rem; }
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