Как уменьшить блок при уменьшении окна браузера?

Question

[Макс Жуков]

У меня есть блок (width=900) и в нем есть еще 1 блок с текстом (max-width 500 ), подскажите что сделать чтобы при уменьшении окна блок с текстом тоже уменьшался. Так как в блоке 900px фиксированная ширина и он по центру распологается, то когда ширина экрана доходит до 500 и меньше текст вылазит за пределы окна.

Answer 1

[Дима]

Вроде вот так, если я все правильно понял:

.block {
  max-width: 900px;
  width: 100%;
}

.text {
  width: 40%;
}

В песочнице

Answer 2

[Никита karpov]

Используй bootstrap , штука годная сама все сделает