Why isn't my div being colored in but the other two are?

HTML-CSS
1

I am trying to make 3 divs with different colors. My red div is not showing up. I tried changing the height, adding another div.

Here is the code



<div id="top">

</div>

</div id="middle">

</div>

<div id="bottom">

</div>






body {
	margin: 0;
	padding: 0;
	
}

#top {
	background-color: green;
	height: 100vh;
	width: 100%;
}

#middle {
	background-color: red;
	height: 100vh;
	width: 100%;
}

#bottom {
	background-color: blue;
	height: 100vh;
	width: 100%;
}
2 
</div id="middle">

Time to play “spot the typo”.

1 Like
3

Thank you so much Thank you so much Thank you so much Thank you so much Thank you so much Thank you so much

4

:smiley: I’m glad I could help. Happy coding!