Как реализовать растяжение кнопок в зависимости от разрешения экрана?

Question

[DigitalHNE]

Подскажите, пожалуйста, как реализовать чтобы кнопки заполняли всю доступную ширину равномерно?

background-color: #1A292C;
	margin: 0;
	padding-left: 2.5%;
	padding-top: 0.75%;
	padding-bottom: 0.75%;
	font-family: 'Open Sans', sans-serif; 
	color: #FFFFFF;
	text-align: center;
	word-spacing: 100px; 
	box-shadow: 0.0em 0.2em 5px rgba(0,0,0,0.0);
	min-width: 1024px;

Comments

[dk-web]

дайте стиль кнопки.. у вас минимальная ширина стоит 1024 - это явно не от кнопки...

Answer 1

[Иван Дрожжин]

width: 100%;

Comments

[DigitalHNE]

Answer 2

[Alexander]

Вместо min-width: 1024px;
max-width: 1024px;
width:100%;

Comments

[DigitalHNE]

[Alexander]

DigitalHNE: Я так понял вам нужна чтобы первый темный блок заполнял всею ширину .
Тогда уберите max-width и оставьте width

[DigitalHNE]

Alexander: посмотрите комментарий к первому решению

[Alexander]

DigitalHNE: Опешите как бы вы именно хотели ?
Чтобы Clothing был вровень Beauty ?

[DigitalHNE]

Alexander: смотрите, есть 4 кнопки, но они занимают лишь некоторое пространство. А надо чтобы они были: а) по ширине одинаковые б) занимали всю ширину элемента nav с идентификатором page.

Если надо, то приложу код nav'a:
background-color: #1A292C;
margin: 0;
padding-left: 2.5%;
padding-top: 0.75%;
padding-bottom: 0.75%;
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
text-align: center;
word-spacing: 100px;
min-width: 1024px;

[Alexander]

DigitalHNE: Предлагаю задать тегу в котором лежат эти кнопки width: 100%; а самим этим кнопкам width:25%; и уберите min-width: 1024px;

Answer 3

[Tlito]

display:block;
width:50%;

Comments

[DigitalHNE]