/
vanzinfed
/
React_App_SuperApp
Обзор
Документация
Войти
/
vanzinfed
/
React_App_SuperApp
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
src/components/Footer/Footer.css
101 строка
2 KB
DONTSTOP
Initial commit
12 ноя 2024, 11:54
12 ноя 2024, 11:54
55b4a65
Код
Авторство
О чём код?
.footer { background-color: #040000; color: #f9f9f9; padding: 20px; display: flex; flex-direction: column; align-items: center; text-align: center; } h4 { font-family: "Dela Gothic One", sans-serif; font-weight: 400; font-style: normal; font-size: 24px; } .footer-content { display: flex; justify-content: space-around; width: 100%; max-width: 1200px; margin-bottom: 20px; } .footer-section { flex: 1; min-width: 150px; margin: 0 20px; } .social-buttons { display: flex; flex-direction: column; gap: 10px; } .social-button { display: flex; align-items: center; padding: 10px; color: white; border-radius: 5px; text-decoration: none; font-weight: bold; } .social-logo { width: 20px; height: 20px; margin-right: 8px; } .facebook { background-color: #3b5998; } .twitter { background-color: #1da1f2; } .instagram { background-color: #c32aa3; } .social-button:hover { opacity: 0.8; } .footer-bottom { border-top: 1px solid #f9f9f9; padding-top: 10px; width: 100%; max-width: 1200px; } /* Responsive Styles for Mobile */ @media (max-width: 768px) { .footer-content { flex-direction: column; align-items: center; text-align: center; } .footer-section { margin: 10px 0; width: 100%; } .social-buttons { flex-direction: row; justify-content: center; flex-wrap: wrap; } .social-button { margin: 5px; width: 120px; /* Adjust button width for mobile */ justify-content: center; } }