@Scripteer

Как это сверстать?

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="main.css">
	<title>Sandy</title>
</head>
<body>
	<div class="nav-wrapper">
		<div class="logo">
			<a href="#">
				<img src="../img/Logo.svg" alt="">
			</a>
		</div>
	</div>
</body>
</html>

.nav-wrapper {
	width: 1549px;
	height: 1097px;
	background: url(../img/Line.png);
	margin-left: 127px;
}


Мне нужно что бы background был 127px от лева а логотип 30 как мне это сделать , если помещаю логотип и back в один клас то когда я использую margin left логотип тоже перемещается если верстаю отдельным классом то либо логотип выше либо логотип ниже background
  • Вопрос задан
  • 630 просмотров
Пригласить эксперта
Ответы на вопрос 1
BelkinVadim
@BelkinVadim
Frontend разработчик
Фон смещайте через background-position, логотип же можете двигать либо через padding у родителя, либо через margin, transform: translate или top/left у самого логотипа
Ответ написан
Ваш ответ на вопрос

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

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