Design comparison
SolutionDesign
Solution retrospective
Teach me how to set background i don't understand to use 2 background to show i try Thankyou for watch me and sorry i not expert Eng
Community feedback
- @guilleoemPosted over 2 years ago
Hi @Chitsanupong723. To set background image to the page simply add background-image property .
The background-color property is to give some extra color.
The background-image property is the image you want to set in background.
The background-repeat sets to "no-repeat" is to no repeat the image for cover the entire container.
The background-size sets to "contain" scales the image as large as possible within its container.
body { background-color: var(--Pale-blue); background-image: url(images/pattern-background-desktop.svg); background-repeat: no-repeat; background-size: contain; }
1
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