.parent {
white-space: nowrap;
}
.child {
white-space: normal;
display: inline-block;
}.parent {
display: flex;
width: 300px;
margin-left: auto;
margin-right: auto;
border: 1px solid red;
}
.child {
flex: 0 0 125px; /* 125px - flex-basis - длина блока */
height: 100px;
background: #aaa;
border: 1px solid #fff;
}html {
font-size: 10px;
}
p {
font-size: 1.4rem;
}
@media and (max-width: 767px) {
html {
font-size: 11px;
}
}fieldset span {
display: table;
width: 100%;
}
fieldset label,
fieldset input {
display: table-cell;
}
fieldset label {
width: 1%;
white-space: nowrap;
padding-right: 10px;
}
fieldset input {
width: 99%;
}@media (max-width: 500px) {
#menu-size {
display: block;
}
}Надо 3 блока на странице сделать на всю высоту (если контент вылазит на пределы - скролл)
а при уменьшении ширины окна браузера они подстраивались друг под друга соизмеримо контенту (без скрола)