Как сделань даную тень?

Question

[tkachenkoaanna097]

или бордер

сейчас не совсем так
https://jsfiddle.net/8kjehdvc/

Comments

[Ярослав Иванов]

Где тень

[ArtJH]

tkachenkoaanna097, вы же уже сделали border?

[tkachenkoaanna097]

ArtJH, да. но вот этого не нужно

[Ankhena]

Очевидно же.
Верхнюю и левую границу контейнеру.
Правые и нижние дочерним.

[tkachenkoaanna097]

Ankhena, контейнеру? так тогда где меньше 5 элементов - то будет не так как на картинке выше

[Ankhena]

tkachenkoaanna097, ну ок, задайте верхнюю границу верхнему ряду.

Альтернатива: задайте верхнюю границу всем и используйте верхний отрицательный отступ на толщину границы.

Answer 1

[ArtJH]

.info__wrap {
  display: flex;

}

.info__item {
  width: 20%;
  padding: 20px;
  border: 1px solid #ececec;
  box-shadow: 1px 0 0 0 #ececec, 0 1px 0 0 #ececec;
}

* {
  box-sizing: border-box;
}

*:after,
*:before {
   box-sizing: border-box;
}

Comments

[ArtJH]

https://codepen.io/ArtJH/pen/MWywBmO

[ArtJH]

tkachenkoaanna097 так?

[tkachenkoaanna097]

ArtJH, все. поняла. Спасибо!
выручили

Answer 2

[SheikhRamil]

думаю через table

Comments

[tkachenkoaanna097]

Ramil_ Bayramov_, это не таблицы
внутри будет картинки и текст( цифры для примера)