Помогите пожалуйста решить проблему, у меня накладываются края рамок друг на друга, нужно что бы не накладывались и при этом нельзя использовать таблицы, что можно сделать в такой ситуации? Подскажите пожалуйста какие то варианты, спасибо.
Я бы попробовал сделать по хитрому, просто задать тонкие тени, с помощью box shadow:
.wrap{
display: flex;
width: 800px;
flex-wrap: wrap;
}
.item{
width: 200px;
height: 200px;
box-shadow:
1px 0 0 0 #000,
0 1px 0 0 #000,
1px 1px 0 0 #000,
1px 0 0 0 #000 inset,
0 1px 0 0 #000 inset;
}
Просто разметка для примера:
<div class="wrap">
<div class="item">
<div class="item">
<div class="item">
<div class="item">
<div class="item">
<div class="item">
<div class="item">
<div class="item">