Chrome is not rendering div, but MS Edge and development build is rendering as intended using React

The site is live at http://www.ipworld.ca/ but it should look like this: from dev build viewed using chrome I tried increasing the z-order through css, but no luck. Notice the elements are loaded, but are not shown in the live version.

1 answer

  • answered 2020-05-31 05:15 Eugine Joseph

    I think the issue is with the transparency of the card. Just make these changes in css.

    .services-card {
        max-width: 66%;
        opacity: 1; 
        margin: auto;
        background: rgba(255,255,255,0.8);
    }
    

    The opacity will affect the visibility of the all the contents in the div. In your case, you should change the background.

    https://www.w3schools.com/cssref/func_rgba.asp