//css
@media all and (min-height:1000px) and (max-height:3000px){
//код для мобильной версии сайта // здесь можно позиционировать // всё по другому
}<style>
body{
font-size:70px;
font-family:Arial;
color:#494949;
}
h1{
font-size:100px;
}
button{
width:auto;
height:auto;
padding:10px;
margin:30px;
background-color:#465bfa;
border:0;
border-radius:50px;
}
*:focus{
outline:none;
}
</style>
<body>
<p>
<h1>Gift certificates</h1>
Present a real adventure that everyone will like.
Choose among 7 different entertainments from 3 different companies.
</p>
<button>Choose an adventure</button>
</body><style>
.a{
width:90%;
height:150px;
border-radius:20px;
background-color:#494949;
position:absolute;
top:100px;
left:5%;
}
.a1{
width:25%;
height:150px;
font-size:40px;
font-family:Arial;
color:fcfcfc;
text-align:center;
float:left;
padding-top:5%;
}
.b{
width:20%;
border-radius:20px;
background-color:#465bfa;
height:33.4%;
margin-top:5%;
float:left;
text-align:center;
color:#fcfcfc;
font-size:40px;
font-family:Arial;
}
</style>
<div class="a">
<div class="a1">*картинка товара </div>
<div class="a1">цена 3000 руб</div>
<div class="a1">о товаре</div>
<div class="b">купить</div>
</div>