.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; }

Лучшее

Ответ: Добро пожаловать в EnableMe! Давайте познакомимся

Ksenia10

21. апр 2022, 09:45

Всем привет! Меня зовут Ксения. Я живу в Швейцарии. Так получилось, что я интересуюсь медицинскими проблемами и особенно положением беженцев, нуждающихся в медицинской помощи или особом внимании. Буд…

5

.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; }