From 694c3186bb418a1f56b40ead48a83a0bbdb6710a Mon Sep 17 00:00:00 2001 From: chow870 Date: Thu, 10 Oct 2024 00:24:22 +0530 Subject: [PATCH] Add Responsive Footer --- static/css/style.css | 36 +++++++++++++++++++ templates/base.html | 82 +++++++++++++++++++++++--------------------- 2 files changed, 79 insertions(+), 39 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 9bb2611c..c5975679 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -385,6 +385,42 @@ color: #e76668; color: #fff; text-decoration: none; } +@media (max-width: 768px){ + .mid768{ + display: flex; + flex-direction: column; + align-items: center; + } + #rows { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + } + + .footer-links { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + padding: 10px; + } + .col-lg-3 { + flex: 0 0 100%; + margin-bottom: 10px; + } + + .footer-links:nth-child(1), + .footer-links:nth-child(4) { + flex: 0 0 100%; + } + + .footer-links:nth-child(2), + .footer-links:nth-child(3) { + flex: 0 0 48%; + margin: 0 1%; + } +} /*-------------------------------------------------------------- # Pagination diff --git a/templates/base.html b/templates/base.html index 7b0207d0..65c538b9 100644 --- a/templates/base.html +++ b/templates/base.html @@ -218,59 +218,63 @@