Добрый день всем, я пытаюсь научиться кодировать html, пока находится в карантине, и мне не у кого спросить об этом.
проблема в том, что я пытаюсь поместить плавающую кнопку на карту- раскрывается, но нижняя часть кнопки поплавка проходит под «картой», когда помещается в разделитель карты с использованием класса «halfway-fab».
<div class="col s12 l3 push-l3">
<div class="card z-depth-3">
<div class="card-image waves-effect waves-block waves-light">
<a href="" class="left halfway-fab btn-floating blue pulse">
<i class="large material-icons">facebook</i>
</a>
<img class="activator"src="img/sean.jpg" alt="" class="responsive-img">
</div>
<div class="card-content">
<span class="card-title activator">Trapcccy
<i class="material-icons right">more_vert</i>
</span>
</div>
<div class="card-reveal">
<span class="card-title">Writter
<i class="material-icons right">close</i></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum voluptate porro voluptates autem delectus, numquam ex eligendi ipsa quia itaque quos! Necessitatibus suscipit aliquid exercitationem asperiores! Possimus odio commodi aspernatur.</p>
</div>
</div>
</div>
изображение проблемы