Web development: backgrounds | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

Web development: backgrounds

I’m experimenting with different backgrounds and noticed that they repeat and form lines. How do I make so only one picture is the background and there’s no repeat. It’s just one picture

12th Feb 2024, 11:01 AM
Wakhile Biyela
Wakhile Biyela - avatar
9 Answers
+ 4
link your code. if you size the image to the entire screen, it may get distorted.
12th Feb 2024, 1:48 PM
Lisa
Lisa - avatar
+ 3
depends on what you want to do? i'm just saying that different devices also have different screen sizes which might be a problem when using an image with a fixed aspect ratio
12th Feb 2024, 3:30 PM
Lisa
Lisa - avatar
+ 1
Just coming on board, hoping to get value and help from you all
14th Feb 2024, 9:55 AM
Amélia McGowan
0
set the background-repeat property in css https://www.w3schools.com/cssref/pr_background-repeat.php
12th Feb 2024, 11:11 AM
Lisa
Lisa - avatar
0
I see what you are saying but for some reason my background is divided into a quartet. Only my left half had the background while the other was blank. Thank yoh though for the suggestion
12th Feb 2024, 1:45 PM
Wakhile Biyela
Wakhile Biyela - avatar
0
So only use backgrounds for borders and stuff? Ill just use background color i guess?
12th Feb 2024, 3:22 PM
Wakhile Biyela
Wakhile Biyela - avatar
0
Try setting background size to 150%
12th Feb 2024, 5:18 PM
AZEEZ SAMAD AYOMIDE
AZEEZ SAMAD AYOMIDE - avatar
0
How do i set the size?
13th Feb 2024, 4:17 AM
Wakhile Biyela
Wakhile Biyela - avatar
0
Background size property
13th Feb 2024, 5:55 AM
AZEEZ SAMAD AYOMIDE
AZEEZ SAMAD AYOMIDE - avatar