Пробовал margin-bottom не помогло что делать?
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="div">
<div class="screen">
<p>фото</p>
</div>
<div class="h1">
<p>заголовок</p>
</div>
<div class="grey"></div>
<div class="grey2"></div>
</div>
</body>
</html>
body {
background-color: black;
}
p{
color: #3F383F;
}
.div {
margin:auto;
background-color: #fff;
height: 75vh;
width: 30%;
padding: 1%;
}
.screen {
/*color: #394140;*/
color: #656522;
width: 33%;
height: 13%;
background: #999999;
border-radius: 15px;
margin-left: 10%;
display: inline-block;
}
.screen p{
padding: 20% 32%;
}
.h1 {
color: #394140;
width: 50%;
height: 6%;
background: #999999;
border-radius: 15px;
float: right;
display: inline-block;
}
.h1 p{
padding-left: 30%;
}
.grey2 {
background: #a2a3ab;
width: 50%;
height: 15px;
border-radius: 15px;
margin-top: 15px;
margin-left: 50%;
margin-bottom: 10%
}
.grey {
background: #a2a3ab;
width: 50%;
height: 15px;
border-radius: 15px;
margin-left: 50%;
}
Простой
