Почему сужается div class?

Question

[Muslim Mamaev]

Здравствуйте! Не могу понять почему при уменьшения окна сужается левый блок с цифрой один? Как можно запретить это? Вот пример

Comments

[historydev]

не сужается по ширине

[Muslim Mamaev]

Владимир, исправил я уже.Спасибо!

[Вадим]

Muslim Mamaev, удалите тогда вопрос либо напишите в ответы в чём была проблема и отметьте решением, чтобы другие пользователи сервиса не тратили на него своё время.
Спасибо.

Answer 1

[Yulia Khavaeva]

Привет привет! Пропиши для селектора res1 flex: 0 0 auto; Этим ты запрещаешь этому элементу увеличиваться или уменьшаться. А ещё советую глянуть серию видео у Фрилансера по жизни про flex-box на ютубе https://www.youtube.com/playlist?list=PLM6XATa8CAG...

.res1{
  background-color: #009688;
  flex: 0 0 auto;
  max-width: 100px;
  width: 100px;
  margin-right: 5px;
  text-align: center;
  line-height: 60px;
  font-size: 30px;
}

Comments

[Muslim Mamaev]

Спасибо вам большое! Изучаю флексы, и от вас я узнал что то новое

[Yulia Khavaeva]

Muslim Mamaev, всегда пожалуйста, рада помочь, я сейчас сама только начала их изучать. Учишь других и сам учишься, как говорится