Kadin Kadin - 1 month ago 6
CSS Question

My background image displays in google chrome but not in firefox

Can someone help me understand why Chrome but not Firefox is able to display the background image of the tree on the right side and how to fix: www.eye45.com

When the web browser is contracted, both

<div class="col-sm-6 left-side">
<div class="col-sm-6 right-side">


are supposed to maintain the same height until
@media (max-width: 780px) {} and then the tree image is supposed to flip under the purple paragraphs and reduce to a height of 200px.

It works perfect in Chrome, but not Firefox.

Answer

Adding style with display as table will fix this for firefox.

.right-side {
    display: table;
}