Help with Overlapping elements with the footer

I am trying to finish up Weather App. I was quite satisfied with everything and I was just putting in my footer with my credits. Only now that I put in my footer its overlapping with other elements on my page. Especially if you look at the 3 day forecast and you try to click on the third day for the text about that day, you can’t even see it.

I have tried several things and I just can’t find a way to fix it.

Here’s a link to my project - https://codepen.io/Ngoldberg/full/KmQJyv/

Thanks in advance!

  • Nao

remove
.fixed-bottom {
position: relative !important;
}
from css

imo its not a good idea to rewrite bs classes like that, ( talking abt .btn here and other things) add your own,

guess trying to make user write their location isnt correct , you should get it e.g. from their browser