Docs(MD): Added interview questions and answers

Author: ViktorSvertoka

.DS_Store

@@ -2721,7 +2721,82 @@ h1 + p {
 </details>
 
 <details>
-<summary>66. ???</summary>
+<summary>66. Поясніть різні значення властивості position.</summary>
+
+#### CSS
+
+- Властивість position в CSS визначає метод позиціонування елемента в документі. Вона має кілька значень, кожне з яких поводиться по-різному:
+
+🔹 `static` (за замовчуванням)
+Опис: Елемент розташовується у нормальному потоці документу.
+
+Не працюють: top, right, bottom, left, z-index.
+
+```css
+.element {
+  position: static;
+}
+```
+
+🔹 `relative`
+Опис: Елемент залишається у своєму звичному місці, але його можна зсунути відносно цього місця за допомогою top, left, right, bottom.
+
+Зручно: для створення позиціонованих "контейнерів" для absolute.
+
+```css
+.element {
+  position: relative;
+  top: 10px; /* зсувається вниз */
+  left: 20px; /* зсувається вправо */
+}
+```
+
+🔹 `absolute`
+Опис: Елемент вилучається з нормального потоку й позиціонується відносно найближчого предка з position: relative|absolute|fixed|sticky.
+
+Якщо таких предків нема — позиціонується відносно body.
+
+```css
+.wrapper {
+  position: relative;
+}
+
+.element {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+```
+
+🔹 `fixed`
+Опис: Елемент фіксується відносно вікна браузера (viewport).
+
+Залишається на місці при прокручуванні.
+
+```css
+.element {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+}
+```
+
+🔹 `sticky`
+Опис: Гібрид relative та fixed.
+
+Елемент поводиться як relative, поки не досягне певної позиції при прокрутці — після цього стає fixed.
+
+```css
+.element {
+  position: sticky;
+  top: 0; /* стане фіксованим, коли дійде до верху */
+}
+```
+
+</details>
+
+<details>
+<summary>67. ???</summary>
 
 #### CSS