Этот вопрос закрыт для ответов, так как повторяет вопрос Как убрать внизу белое пространство на сайте?
@Igorr2121212

Как убрать белое пространство внизу на мобильной версии?

я заверстал свой первый сайт, поставил его на хостинг Github. С компьютера все отлично работает, когда перехожу по ссылке. Но когда перехожу с телефона на свой сайт, у меня фон не на весь экран, а точнее, у меня внизу куча белого пространства. Подскажите, как его убрать? В. Заранее спасибо!

HTML код
<!DOCTYPE html> 
<html lang="ru">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, intinial scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>INSJECT PIZZA</title>
	<link href="img/CSS.css" rel="stylesheet" type="text/css" />
</head>

<body>
	
	<header class="header" id="header">
		<div class="wrapper">


			<div class="header_wrapper">
				<div class="header_logo">
						<img src="img/Menu.png" alt="" class="Phone.png">
					</a> 
				

			<nav class="header_nav">    
				<ul class="text_menu">
					<li class="text_menu">
						<a href="#" class="text_menu">Главная</a>
					</li>
					<li class="text_menu">
						<a href="#" class="text_menu">Пиццы</a>
					</li>
					<li class="text_menu">
						<a href="#" class="text_menu">Отзывы</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
</header>
  
	<main class="main">
			<section class="intro">
				<div class="wrapper">
					<div class="pizza_title">
					Если вы умираете с голода а в кармане не гроши? Не беда, для вас открылась пиццерия под названием ‘INSJECT PIZZA’ в этой пиццерии все по низким ценам. Доставка за наш счёт:).
					<img src="img/Pizza.png" alt="" class="slider">
					<p class="info">
						Позвони, закажи, жди и получи!
					</p>
					<img src="img/Group 5.png" alt="" class="cala">
				</div>
			</section>
</body>
</html>



css
body {
	margin: 0;
	padding: 0;
	color: #00ff0e;
	font-family: "color", sans-serif;
	font-size: 15px;
	line-height: 1.2;
	font-weight: normal;
}

.wrapper{
	color: #000000;
}

.header_logo{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header_logo{
	margin-left: 27px;
}


.text_menu {
	color: #ffffff;
	font-size: 40px;
	margin-left: 40px;
	display: flex;
	align-items: flex-end;
}

.header {
	background: url(img/phones.png) center no-repeat;
	background-size: cover ;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.intro{
	overflow: hidden;
	display: flex;
	width: 100%;
	height: 100%;
	background: url(img/Piwa.png) center no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.pizza_title {
	padding-top:227px;
	font-size: 24px;
	max-width: 357px;
	margin-left: 36px;
	margin-right: 63px;
	color: #ffffff;
}

.slider {
	justify-content: space-between;
	display: grid;
	margin-left: 547px;
	align-items:center ;
	height: 248px;
	top: 233px;
	width: 305px;
}
  • Вопрос задан
  • 66 просмотров
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы