Design comparison
SolutionDesign
Community feedback
- @amr4409Posted over 1 year ago
You can fix this problem with this code Add this code to your
file.css
* { padding: 0; margin: 0; box-sizing: border-box; } body { font-family: "Red Hat Display", sans-serif; background: url(./images/pattern-background-desktop.svg) no-repeat, var(--pale-blue); background-size: 100%, contain; min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (max-width: 475px) { body { padding: 0 20px; background: url(./images/pattern-background-mobile.svg) no-repeat, var(--pale-blue); } }
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