Design comparison
Community feedback
- @rrebolledo90Posted over 1 year ago
Hello, I noticed that your background image is repeating vertically. The reason for this is because you have to set the background image to stop repeating as they repeat on default. If you include this in your body it should fix your issue. The reason that you want to set it to repeat on the x axis is because you want it to repeat horizontally instead of vertically. Add the background color and it should look smooth. Hope this helps.
body {
background-color: #dfe6fb;
background-image: url(pattern-background-desktop.svg);
background-repeat: repeat-x;
Marked as helpful0@enn-deePosted over 1 year ago@rrebolledo90 I noticed it too, but couldn't figure it out. Your snippets are really helpful, thanks for sharing Raul, Your tips are fantastic.
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