Docs(MD): Added interview questions and answers

Author: ViktorSvertoka

README.md

@@ -2796,7 +2796,99 @@ h1 + p {
 </details>
 
 <details>
-<summary>67. ???</summary>
+<summary>67. Опишіть z-індекс і те, як порядок стекування контролюється в CSS.</summary>
+
+#### CSS
+
+- В CSS z-індекс (z-index) визначає порядок розташування елементів по осі Z — тобто, хто буде «над» ким на екрані.
+
+#### 🧱 Основи стекування (stacking)
+
+Усі елементи на сторінці утворюють stacking context (контекст накладання), де визначається порядок накладання (тобто, що зверху, а що знизу).
+
+🔹 `z-index`
+Це числове значення, яке вказує порядок стекування елементів. Чим більше значення — тим вище елемент у візуальному стеку.
+
+```css
+.box {
+  position: absolute;
+  z-index: 10;
+}
+```
+
+⚠️ z-index працює тільки на елементах з position значенням relative, absolute, fixed, або sticky.
+
+#### 🔢 Як формується стек:
+
+1. Контекст накладання (stacking context) починається з html, але може створюватись новими елементами за певних умов.
+
+2. Новий контекст створюється, коли:
+
+- Елемент має position (relative, absolute, fixed, sticky) + z-index, відмінний від auto.
+
+- opacity < 1
+
+- transform, filter, perspective, will-change, mix-blend-mode і т.д.
+
+#### 📚 Приклад стекування
+
+```html
+<div class="container">
+  <div class="box box--red"></div>
+  <div class="box box--blue"></div>
+</div>
+```
+
+```css
+.container {
+  position: relative;
+}
+
+.box {
+  position: absolute;
+  width: 100px;
+  height: 100px;
+}
+
+.box--red {
+  background: red;
+  top: 0;
+  left: 0;
+  z-index: 1;
+}
+
+.box--blue {
+  background: blue;
+  top: 20px;
+  left: 20px;
+  z-index: 2;
+}
+```
+
+🔎 Тут синій блок буде зверху, бо має більший z-index.
+
+#### 🪜 Пріоритети стекування (спрощено)
+
+У межах одного stacking context елементи розташовуються так:
+
+1. `z-index`: negative — позаду всіх
+
+2. `z-index`: auto (блоки без явного індексу)
+
+3. `z-index`: 0 і вище — зверху
+
+#### 📌 Поради:
+
+- Уникай зайвого використання високих z-index (типу 9999). Краще керуй контекстом.
+
+- Створюй окремі stacking context-и для складних компонентів (наприклад, модальних вікон).
+
+- Використовуй BEM або семантичні класи, щоб зрозуміло керувати елементами в контексті.
+
+</details>
+
+<details>
+<summary>68. ???</summary>
 
 #### CSS