Задать вопрос
@alex01s

Как создать адаптивный футер?

Подскажите пожалуйста как на HTML/CSS создать футер с четырьмя секциями (и как в принципе делается адаптивный футер с секциями), чтобы они были по центру на большом экране (как на изображении), т.к. у меня не получается их позиционировать по центру.

footer {
		min-height: 80%;
		width: 100%;
		background: #2b2c2c;
	}

	footer section {
		float: left;
		max-width: 100%;
		width: 20%;
		margin: 0 auto;
	}


<footer>
		
		<section>
			<span class="footer-header">О нас</span>
			<div class="footer-content"></div>
		</section>
		
		<section>
			<span class="footer-header">Меню</span>
			<div class="footer-content"></div>
		</section>
		
		<section>
			<span class="footer-header">Контакты</span>
			<div class="footer-content"></div>
		</section>
		
		<section>
			<span class="footer-header">Наш офис</span>
			<div class="footer-content"></div>
		</section>
		
	</footer>


61769204a0c9e677004084.png
  • Вопрос задан
  • 1251 просмотр
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
thomasLaybe
@thomasLaybe
Программист
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы