box-shadow заема ли място в подредбата

Полезно е да знаеш

box-shadow добавя една или повече сенки към кутията. Отместването, размазването и разширението определят вида им, но сянката не увеличава мястото, което елементът заема в подредбата. [1]

При box-shadow: 0 4px 12px #0003; карта може визуално да навлезе в пространството на съседа си. Ако е нужно реално разстояние, задай gap или margin отделно. inset премества сянката навътре. При няколко сенки първата в списъка е най-отгоре; това е важно, когато тънка декоративна линия трябва да остане видима.