.EnableMe--Footer { padding: 3rem 0; } .EnableMe--Footer--Social { border-top: 1px solid #eee; display: flex; flex-direction: row; align-items: center; justify-content: space-around; margin-top: 1rem; padding-top: 3rem; padding-bottom: 3rem; max-width: calc(1184px - 2rem); margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .EnableMe--Footer--Social img { width: 180px; height: auto; object-fit: contain; } .EnableMe--Footer--Social ul { display: flex; flex-direction: row; list-style: none; padding: 0; margin: 0; gap: 0.75rem; } .EnableMe--Footer--Social svg { width: 48px; height: 48px; border-radius: 50%; } .EnableMe--Footer--Social--Country { display: flex; flex-direction: column; align-items: center; } .EnableMe--Footer--Social--Country span { display: block; margin-bottom: 1rem; font-size: 85%; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 500; text-align: center; } .EnableMe--Footer--Links { display: flex; flex-direction: row; list-style: none; justify-content: center; margin: 0; padding: 1rem 0 0; max-width: calc(1184px - 2rem); margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .EnableMe--Footer--Links li + li { margin-left: 1rem; } .EnableMe--Footer--Links a { display: inline-flex; flex-direction: column; align-items: center; color: #5c5c5c; letter-spacing: 0.02em; text-decoration: none; font-size: 0.85rem; } .EnableMe--Footer--Links a:hover { text-decoration: underline; } @media only screen and (max-width: 806px) { .EnableMe--Footer--Social { display: flex; flex-direction: column; align-items: center; gap: 3rem } .EnableMe--Footer--Links { flex-direction: column; align-items: center; } .EnableMe--Footer--Links li + li { margin-left: 0; margin-top: 0.2rem; } } .visuallyhidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

Кофейня

Открываем Украину 💛💙 Красивые фото с разных уголков нашей страны 🌺

Yura просмотры: 156 комментариев: 11 баллы: 3 Последний от Anatolii96 23. ноя 2023
Первую онлайн-радиостанцию аудиокниг создали в Украине

JuliaFlower 1 просмотр комментариев: 0 баллы: 0 Автор: JuliaFlower 7. сен 2023
Сайты госорганов станут доступными для людей с инвалидностью

Anatolii96 1 просмотр комментариев: 0 баллы: 2 Автор: Anatolii96 26. июл 2023
В Киеве открылось социальное кафе-пекарня, где работают люди с ментальной инвалидностью

Yurii_EnableMe просмотры: 11 1 комментарий 1 балл Последний от JuliaFlower 10. сен 2022, 19:19
Фотографии из эвакуации

Марина 1 просмотр комментариев: 0 баллы: 0 Автор: Марина 31. мая 2022, 14:56
Собираю свою библиотеку, а вы?

Отвечено ✓ Yura 1 просмотр комментариев: 6 баллы: 0 Последний от Татьяна 21. мая 2022, 16:16
Как справляетесь со сменой языка и языковым барьером?

Отвечено ✓ Марина 1 просмотр комментариев: 3 баллы: 0 Последний от Olga_EnableMe 11. мая 2022, 20:19
Кот, собака, попугай 🦜- кто у вас?

Голосование Olga_EnableMe просмотры: 71 комментариев: 6 1 балл Последний от Yura 5. мая 2022, 12:57

Разделы

.EnableMe--Footer { padding: 3rem 0; } .EnableMe--Footer--Social { border-top: 1px solid #eee; display: flex; flex-direction: row; align-items: center; justify-content: space-around; margin-top: 1rem; padding-top: 3rem; padding-bottom: 3rem; max-width: calc(1184px - 2rem); margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .EnableMe--Footer--Social img { width: 180px; height: auto; object-fit: contain; } .EnableMe--Footer--Social ul { display: flex; flex-direction: row; list-style: none; padding: 0; margin: 0; gap: 0.75rem; } .EnableMe--Footer--Social svg { width: 48px; height: 48px; border-radius: 50%; } .EnableMe--Footer--Social--Country { display: flex; flex-direction: column; align-items: center; } .EnableMe--Footer--Social--Country span { display: block; margin-bottom: 1rem; font-size: 85%; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 500; text-align: center; } .EnableMe--Footer--Links { display: flex; flex-direction: row; list-style: none; justify-content: center; margin: 0; padding: 1rem 0 0; max-width: calc(1184px - 2rem); margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .EnableMe--Footer--Links li + li { margin-left: 1rem; } .EnableMe--Footer--Links a { display: inline-flex; flex-direction: column; align-items: center; color: #5c5c5c; letter-spacing: 0.02em; text-decoration: none; font-size: 0.85rem; } .EnableMe--Footer--Links a:hover { text-decoration: underline; } @media only screen and (max-width: 806px) { .EnableMe--Footer--Social { display: flex; flex-direction: column; align-items: center; gap: 3rem } .EnableMe--Footer--Links { flex-direction: column; align-items: center; } .EnableMe--Footer--Links li + li { margin-left: 0; margin-top: 0.2rem; } } .visuallyhidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }