@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
  • Вопрос задан
  • 131 просмотр
Пригласить эксперта
Ответы на вопрос 1
thomasLaybe
@thomasLaybe
Программист
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы