Looking to add some color to my front page, I included these lines in the body section:
<head>
<title>Speed_Test_Teleport</title>
</head>
<body style="height:100% ;margin:0 ;padding:0 ;background-color:#C6E2FF;">
<img src="GE_Logo3.png" style="width=350px; height=80px;">
<h1>SpeedTest to:</h1>
<div style="width: 100%; height: 24vh; text-align: center ; color:#8B0000 ; display:inline-block;">
<div style="width: 100%; height: 15px; text-align: center; font-family: palatino ;display: inline-block;"><font size="+3"><b>Teleport,Country </b></font>
However, I noticed that the background color only covers 60% of the screen, leaving white at the bottom:
https://i.sstatic.net/55vkT.jpg
Despite setting the height, margin, and padding correctly, there seems to be an issue with the background color not filling the entire screen.
Any suggestions on what might be causing this discrepancy?
If you need more information, feel free to view the full code at index.html: