Docs(MD): Added interview questions and answers

Author: ViktorSvertoka

README.md

@@ -3536,7 +3536,68 @@ body {
 </details>
 
 <details>
-<summary>75. ???</summary>
+<summary>75. У чому полягає різниця між одиницями em та rem у CSS?</summary>
+
+#### CSS
+
+- Одиниці em та rem — це відносні одиниці вимірювання в CSS, які залежать від
+  розміру шрифту:
+
+| Одиниця | Повна назва | Залежить від                              |
+| ------- | ----------- | ----------------------------------------- |
+| em      | element em  | розміру шрифту батьківського елемента     |
+| rem     | root em     | розміру шрифту кореневого елемента (html) |
+
+#### Приклад: `em`
+
+```css
+/* html font-size: 16px */
+
+.container {
+  font-size: 20px;
+}
+
+.container .title {
+  font-size: 2em; /* 2 × 20px = 40px */
+}
+```
+
+2em = 2 × 20px, бо береться шрифт батька (.container)
+
+#### Приклад: rem
+
+```css
+html {
+  font-size: 16px;
+}
+
+.title {
+  font-size: 2rem; /* 2 × 16px = 32px */
+}
+```
+
+2rem завжди базується на html, незалежно від ієрархії.
+
+#### Коли яку краще використовувати:
+
+| Випадок                                            | Краще використовувати |
+| -------------------------------------------------- | --------------------- |
+| Потрібна гнучка масштабованість у вкладених блоках | em                    |
+| Потрібна послідовність по всьому сайту             | rem                   |
+| Margin, padding, line-height — стабільна відстань  | rem                   |
+| Font-size в компонентах, що успадковуються         | em                    |
+
+#### Висновок:
+
+- `em` — відноситься до батьківського шрифту.
+- `rem` — відноситься до кореневого (html) шрифту.
+
+В сучасній практиці частіше використовують rem для передбачуваної верстки.
+
+</details>
+
+<details>
+<summary>76. ???</summary>
 
 #### CSS