Когда я открываю свой интернет с помощью мобильного устройства, изображение повторяется, и выравнивание кнопок не в порядке. Я хочу, чтобы кнопка центрировалась на клавиатуре ноутбука и не повторялась на фоновом изображении. То же, что и на рабочем столе.
CSS
body{
display: flex;
flex-wrap: wrap;
background: url("header.jpg");
background-repeat: no-repeat;
background-size: cover;
display: block;
margin: auto;
text-align: center;
}
h1{
font-family: "Colus";
font-size: 35px;
color: #F7008C;
margin-top: 470px;
}
h1:hover{
transform: scale(1.1);
}
.mybtn{
border-radius: 50%;
position: fixed;
bottom: 100px;
left: 0;
margin-left: 850px;
}
.mybtn:hover{
border-color: #ee4b08;
border-width: 5px;
cursor: pointer;
}
Вот сайт, на котором вы можете увидеть мою проблему: art1373.github.io