From 95703aa5e67b8ad15a4559d05386cb37910a4fb1 Mon Sep 17 00:00:00 2001 From: ViktorSvertoka Date: Sun, 25 May 2025 00:52:11 +0300 Subject: [PATCH] Docs(MD): Added interview questions and answers --- README.md | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 72 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 7289b55..357edfb 100644 --- a/README.md +++ b/README.md @@ -2888,7 +2888,78 @@ h1 + p {
-68. ??? +68. Як створити sticky footer за допомогою CSS? + +#### CSS + +- Щоб створити sticky footer (футер, що прилипає до низу сторінки, навіть якщо контенту мало), можна скористатися Flexbox-макетом. Це сучасний, простий і стабільний підхід. + +#### ✅ Готове рішення з поясненням: + +```html + + + + + + Sticky Footer + + + +
+
+

Контент сторінки (може бути короткий)

+
+
+

Я — футер. Я завжди внизу!

+
+
+ + +``` + +#### 🧠 Як це працює: + +- html, body → мають height: 100% — дозволяє контейнеру .layout зайняти всю висоту. + +- .layout → display: flex; flex-direction: column — компоненти йдуть вертикально. + +- .main → flex: 1 — займає всю доступну висоту, «виштовхує» футер вниз. + +- .footer → автоматично лишається внизу, навіть коли мало контенту. + +
+ +
+69. ??? #### CSS