CODEWITHSUNDEEP
cssangular
user12925068
user12925068

Reputation: 53

IE11 & justify-content issue

My angular 6 application is running both on IE 11 & Chrome latest version. There in I have two button seperated by each other using below CSS3.

.my widget .my footer {
    display: flex;
    justify-content: space-evenly;
    margin: 3px auto 6px;
}

Using above CSS it works great in Chrome browser and buttons gets separated with each other with some space in beween, However on IE11 when I inspect that I see red line in CSS under 

justify-content: space-evenly;

I tried with justify-content:space-between but I still see buttons are attached to each other with no space in between.

Upvotes: 1

Views: 331

Answers (1)

user12925068
user12925068

Reputation: 53

I have used space-around as below to make things work. 

 justify-content: space-around;

This works both in IE11 & chrome. Thanks @ G-Cyrillus for looking into this.

Upvotes: 3

Related Questions