@YarNer

Почему картинка не уменьшается в размерах?

5e8b17f81f5c1026305910.jpeg

Почему не получается задвинуть картинку в один блок с заголовком?

<!DOCTYPE html>
<html>
	<head>
		<title>Доставка еды</title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>

	<body>
		<h2 class="h2">8 (888)-888-88-88</h2>
		
		<div class="jpgs">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>

		<div class="tovari">
			<div class="water">
				<img src="water.jpg">
				<h1>Вода</h1>
			</div>
            
            <div class="katrig">
                <img src="katridg.jpg"/>
				<h1>Катриджи</h1>
            </div>
            
            <div class="eda">
                <img src="eat.jpg"/>
				<h1>Еда</h1>
            </div>
		</div>
	</body>
</html>


.h2 {
	margin-left: 45%;
}

.jpgs div{
	width: 200px;
	height: 30px;
	border: black 1px solid;
	display: inline-block;
	margin-left: 50px;
}

.jpgs {
	margin-left: 100px;
}

.tovari .water {
	width: 250px;
	height: 270px;
	border: 1px black solid;
	margin-top: 100px;
	margin-left: 50px;
}

.tovari .water img{
	width:200px;
	height:200px;
	margin-left: 20px;
}

.tovari .water h1{
	margin-left: 80px;
}

.tovari .katrig {
	width: 250px;
	height: 270px;
	border: 1px black solid;
    margin-left: 310px;
    margin-top: -272px;
}

.tovari .katrig img{
	width:200px;
	height:200px;
	margin-left: 20px;
}

.tovari .katrig h1{
	margin-left: 80px;
}

.tovari .eda {
	width: 250px;
	height: 270px;
	border: 1px black solid;

}

.tovari .eda img{
	width:200px;
	height:200px;
	margin-left: 20px;
}

.tovari .eda h1{
	margin-left: 80px;
}
  • Вопрос задан
  • 299 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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