Практичні матеріали про CSS на реальних прикладах: layout, stacking contexts, z-index, positioning, overflow, адаптивну верстку та неочевидні проблеми відображення складних компонентів. Тут я розбираю не тільки саме виправлення, а й причину, через яку CSS поводився не так, як очікувалося.
Змінила margin або padding у SCSS, оновила сторінку, а результату немає. Показую мій практичний порядок перевірок: source, build, compiled CSS, DOM, cascade, порядок стилів і лише потім cache.
У редакторі ICanUp Media Explorer відкривався поверх Content Blocks, але частина елементів редактора все одно могла опинятися над модальним шаром. Показую, чому великий z-index не завжди вирішує таку проблему, як працюють CSS stacking contexts і чому для overlay потрібен чіткий контракт шарів, а не випадкові числа.