я заверстал свой первый сайт, поставил его на хостинг Github. С компьютера все отлично работает, когда перехожу по ссылке. Но когда перехожу с телефона на свой сайт, у меня фон не на весь экран, а точнее, у меня внизу куча белого пространства. Подскажите, как его убрать? В. Заранее спасибо!
html код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1004" content="height=1200">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>INSJECT PIZZA</title>
<link href="./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{
justify-content: space-between;
display: flex;
display: grid;
min-width: 100%;
background: url(./img/Piwa.png) center no-repeat;
background-size: 120%;
}
.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;
position: absolute;
margin-left: 547px;
align-items:center ;
height: 248px;
top: 233px;
width: 305px;
}
.call {
padding-top: 54px;
}
.call1 {
padding-top: 34px;
}
.bl {
margin-left: 547px;
}
