Linia 29, jest błąd:
<div id="skin-list" class="main-boxes" class="scrollbar"></div>
gdy chcemy "przypisać" więcej klas do elementu, "oddzielamy" je po prostu spacjami
<div id="skin-list" class="main-boxes scrollbar"></div>
[ HTML class Attribute - Multiple Classes ]
<div id="main-container">
<div id="server-list" class="main-boxes">
<div class="tabs"></div>
</div>
<div id="player-container" class="main-boxes"></div>
<div id="skin-list" class="main-boxes scrollbar">
<p style="height: 1000px">Scroll test</p>
</div>
<div id="profile-container" class="main-boxes"></div>
<div style="clear: both;"></div>
</div>
* {
box-sizing: border-box;
}
body {
padding: 0;
margin: 0;
background-color: #242424;
color: #fff;
font-family: 'Nunito', sans-serif;
}
#main-container {
width: 95vw;
margin: 0 auto;
}
#server-list {
float: left;
width: 300px;
height: 462px;
}
#player-container {
float: left;
width: 320px;
height: 462px;
}
#profile-container {
float: left;
width: 300px;
height: 168px;
}
#skin-list {
float: left;
width: 300px;
height: 280px;
overflow-y: auto;
}
.main-boxes {
margin: 7px;
border-radius: 3px;
background-color: #161616;
box-shadow: 0 0 4px 1px #0a0a0a;
border: 1px solid #000;
}
.scrollbar::-webkit-scrollbar {
width: 8px;
}
.scrollbar::-webkit-scrollbar-track {
background-color: #0c0c0c;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: rgb(95, 95, 95);
border-radius: 50px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color: rgb(61, 61, 61);
}