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