min-width

https://webref.ru/css/min-width

by fersterin

HTML

<div class="container">
   <div class="col1">Колонка 1</div>
   <div class="col2">Колонка 2</div>
	 <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ratione aperiam molestiae dolorum porro nihil iusto eius incidunt magni eum ex deleniti animi consectetur, quas excepturi nulla corporis repudiandae error amet delectus enim. Eveniet, cupiditate voluptate unde numquam atque exercitationem. Nihil perferendis ullam saepe eligendi! Aspernatur id aliquam atque sequi!</div>
  </div>

CSS

.container {
    min-width: 420px; /* Минимальная ширина контейнера */
		max-width: 600px;
		border: 1px solid red;
   }
   .col1 {
    background-color: #fc0; /* Цвет фона колонки */
    padding: 5px; /* Поля вокруг текста */
    float: left; /* Обтекание по правому краю */
    width: 150px; /* Ширина левой колонки */
   }
   .col2  {
    background-color: #c0c0c0; /* Цвет фона колонки */
    padding: 5px; /* Поля вокруг текста */
    width: 250px; /* Ширина правой колонки */
    float: right; /* Обтекание по правому краю */
   }