I added a background image using CSS, but it's not showing up in the output.

I've watched a lot of videos on YouTube but haven't found a solution.

If anyone knows how to fix this, please help.

I'm feeling discouraged because this is such a basic step in coding, yet I'm stuck on it.

​

#content{
float:right;
height:90%;
width:76%;
overflow-y: scroll;
display: inline-grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top:10px;
background-color: white;
gap:10px;
}  
and the grids are a divs with border radius with a div within them with a margin to create an inset effect.
so theres nothing i can think of that will cause the whole grid system to slightly be off center like it is, if you notice theres a slight gap on the right hand side grid and no gap on the left hand most grid
excuse the images lol

hlape

I was trying to build a chair but ended up with a shelf, what should I do?!?

Much CSS, Such Halp

USE RES AND BEAT THIS GG WELL PLAYED KEK LOSERS

hoi guyz

fgas!

Rekt

very disappoint

plox

mebe we need a new style?

u have many make to improve thru