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

Question

[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>

Comments

[Thomas Laybe]

В футере не нужно использовать секции, посмотрите пример который скинул

[Ankhena]

Thomas Laybe,

В футере не нужно использовать секции

С чего бы это?

alex01s Можете начать вот с этого:

Answer 1

[Thomas Laybe]

https://codepen.io/Laybe/pen/PoKpzdp