Не совсем понял вопроса но вот так без блоков работает как и с блоками:
html{overflow-x:hidden}
body{
margin: 0;
padding: 0;
}
.empty{
opacity: 0;
visibility: hidden;
height: 0 !important;
max-height: 0;
min-height: 0 !important;
padding-bottom: 0;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.container{
max-width: 600px;
margin: 0 auto;
}
.box{
display: flex;
flex-wrap: wrap;
margin: 0 auto;
width: calc(100% + 30px);
margin-left: -15px;
}
.box__item{
width: 100px;
max-width: 100%;
height: 60px;
background-color: red;
margin: 0 15px 30px;
}