я новичок в HTML и хочу поставить кнопку на картинку(без нарушений адаптивности), но все что я нашел это position: absolute
Вот мой код html
<div class="section2">
<div class="wedo">
<div class="wedo__item" >
<img src="Mobile.png" class="smart">
</div>
<div class="wedo__item2">
<button>Скачать</button>
</div>
</div>
</div>
И вот css
.section2{
margin-top: 4.3rem;
}
.wedo {
position: relative;
width: fit-content;
height: fit-content;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
overflow: auto;
}
.wedo_item {
width: 50%
}
@media(max-width: 768px){
.wedo__item {
width: 100%;
}
}
/*.smart {
margin-left: 5.4rem;
}*/
@media(max-width: 768px) {
.smart {
height: 300px;
margin-left: 2.4rem;
}
}
.wedo__item2 {
height: fit-content;
position: absolute;
left: 40px;
right: 0;
top: 150px;
bottom: 0;
margin: auto;
width: fit-content;
}