@YarNer

Как поднять полоски вверх?

5e8355cce7e35490186545.png

Пробовал 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%;
}
  • Вопрос задан
  • 44 просмотра
Решения вопроса 1
Kurokq
@Kurokq
Если б море было лином – я бы стал Comethazin'ом
margin-top: -20px; для .grey
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы