Design comparison
SolutionDesign
Community feedback
- @iSoyecodesPosted about 2 years ago
Hi, Well done on finishing the challenge. When it comes to background patterns, try using a background repeat with a repeat value large enough to cover the entire screen, even on larger screens such as desktop screens.
body{ display: grid; grid-template-columns: auto; min-height: 100vh; place-content: center; font-family: 'Red Hat Display', sans-serif; background: hsl(225, 100%, 94%); background-image: url(images/pattern-background-mobile.svg); background-repeat: repeat;
}
1@PollyanneMelloPosted about 2 years ago@iSoyecodes Olá, eu consegui expondir com o background-size: contain;
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