Design comparison
SolutionDesign
Community feedback
- @MelvinAguilarPosted 11 months ago
Hello there ๐. Good job on completing the challenge !
-
You can use the CSS background properties on the body element to set the background
body { background-color: hsl(225, 100%, 94%); /* This is the updated path of the url */ background-image: url(./images/pattern-background-desktop.svg); background-repeat: no-repeat; background-size: contain; min-height: 100vh; }
Also, the
background
property is shorthand for all the properties mentioned above:background: hsl(225deg, 100%, 94%) url(./images/pattern-background-desktop.svg) no-repeat left top/contain;
References:
CSS Reset ๐:
-
You should use a CSS reset. A CSS reset is a set of CSS rules that are applied to a webpage in order to remove the default styling of different browsers.
CSS resets that are widely used:
I hope you find it useful! ๐ Above all, the solution you submitted is great!
Happy coding!
Marked as helpful1@Shaimaa12319Posted 11 months agoThank you for your edit, it is useful @MelvinAguilar
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