Welcome to my HTML sub-page where I'm struggling with scrolling. Can someone please help me understand why it's not working? I've experimented with various solutions suggested by others facing similar issues, like adding a div at the bottom and adjusting overflow and height properties, but unfortunately, I couldn't get it to work as intended.
body {
background-color: white;
}
.factions {
position: fixed;
top: 200px;
left: 150px;
background: transparent;
color: black;
width: 100%;
padding: 10px;
}
h1 {
font-size: 50px;
font-family: campus;
}
#USA-text {
font-size: 20px;
}
...
<!DOCTYPE html>
<html>
<head>
<title> WarzoneRP Factions </title>
<link rel="shortcut icon" type="image/x-icon" href="../images/WARZONE_LOGO_SERVER.png">
<link rel="stylesheet" href="../css/factions.css">
</head>
<body>
<div class="content">
<Img> <source src="../images/WARZONE_LOGO_SERVER.png"> </Img>
</div>
...