Я работал над коллажем на прошлой неделе и, наконец, заставил его работать, но, насколько я знаю, он хорошо работает в Chrome и Firefox, но имеет проблемы с Internet Explorer.Он вообще не отображает коллаж, а показывает пустое пространство, куда должен идти коллаж.Я не знаю, где именно проблема.
https://codepen.io/anon/pen/zJyjZp
* {
box-sizing: border-box;
}
.contain-flexx {
min-height:600px;
position:relative;
overflow:hidden;
margin:0;
padding:0;
}
/* Create four equal columns that sits next to each other */
.flexx {
display:flex;
flex-flow: row wrap;
position:absolute;
left:0;
top:0;
}
.flexx img {
width:100%;
height:100%;
max-width: 100%;
}
.in-flexx{
flex-basis: calc(33.33333%);
position:relative;
}
@media only screen and (min-width:600px){
.in-flexx{
flex-basis: calc(20%);
}
}
@media only screen and (min-width:1400px){
.in-flexx{
flex-basis: calc(12.5%);
}
}