Szanowni Forumowicze, stworzyłem div content-harmonogram jako główny div z 100vh i w środku niego przypisałem div harmonogram-tydzie, a do tego diva(harmonogram-tydzie) mniejsze o klasie pon, wt, sr, czw, piat. Chodzi mi o diva o klasie harmonogram-tydzie; chcę aby w tym divie były równo ułożone mniejsze divy (pon, wt, sr...) próbuje z margin i padding ale pierwszy div(pon) nie chce się obniżyć. Jestem w konsternacji...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="content-harmonogram">
<h1>HARMONOGRAM</h1>
<div class="harmonogram-tydzie">
<div class="pon">asdasdasd</div>
<div class="wt"></div>
<div class="sr"></div>
<div class="czw"></div>
<div class="piat"></div>
</div>
</div>
</body>
</html>
*
{
margin:0px;
}
body
{
background-color:#eeeeee;
}
.content-harmonogram
{
margin-top:20px;
height:100vh;
}
.content-harmonogram h1
{
text-align:center;
}
.harmonogram-tydzie
{
width:1500px;
height:700px;
background-color:white;
margin-top:75px;
margin-left:auto;
margin-right:auto;
}
.pon
{
height:18%;
background-color:black;
margin-left:100px;
margin-right:100px;
}
.wt
{
height:18%;
background-color:black;
margin-top:10px;
margin-left:100px;
margin-right:100px;
}
.sr
{
height:18%;
background-color:black;
margin-left:100px;
margin-right:100px;
margin-top:10px;
}
.czw
{
height:18%;
background-color:black;
margin-left:100px;
margin-right:100px;
margin-top:10px;
}
.piat
{
height:18%;
background-color:black;
margin-left:100px;
margin-right:100px;
margin-top:10px;
}