Div does not fit the screen

Question

On the page

http://funerariasaopedro.net.br/

I make use of the plugin to the immature https://michalsnik.github.io/aos/

Then the disposition of divs is thus by default

<div class="aos-item" data-aos="fade-down">
  <div class="aos-item__inner">
      <img src="_img/bemVindo.png" />
  </div>
</div>

As the website is in screen great beauty.

But when you’re on the phone divs, I can’t identify which one it is, stick to the height (height) very extensive.

I would like to make the div had the height of its interior!

How to do this for smaller screens?

But the problem is I couldn’t identify where to change!

Answer 1

Your problem is you’re wearing one line-height in the Mobile version which is very large. in your @media makes a rule to remove this line-height. See below in the image to see how I fixed the bug.

OBS: See in the Chrome Devtools panel that I remove from .aos-item__inner the line-height: 260px;