Kadin Kadin - 1 year ago 60
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 Source

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

.right-side {
    display: table;
}