Как задать ширину flex элементу?

Question

[svr5]

Подскажите пожалуйста, есть вот такой блок, с датой и текстом. Верстаю его flexbox.
joxi.ru/Drl99JXC4LD1Pm

<div class="news">
      <div class="news__date">26 мая</div>
      <div class="news__text">
               <div class="news__link">Лучший магазин</div>
               <div class="news__paragraph">конкурс главой города...</div>
      </div>
</div>

.news {
display: flex
}
Вопрос такой: ставлю width: 50px; news__date, а он не принимает ширину, а идет по содержимому! А если прописываю max-width: 50px; и min-width: 50px; то тогда все работает!
Почему так происходит? И как задавать фиксированную ширину flex элементу?

Comments

[Zombie42679]

flex-basis должен помочь

[svr5]

почему-то он тоже не помог( , может я не правильно его использую? Ну я пишу в элементе __date flex-basis: 50px;

[Тимур Орлов]

на stackoverflow дали ответ правильный. Я с установкой слайдера запарился так. В начале одна проблема - бесконечная (по вычислительным возможностям системы) ширина, затем друга - ширина фиксированная.
Кстати о слайдерах, тут решение

Answer 1

[Glorious Cat]

https://jsfiddle.net/tansur/h4cwbb54/

Comments

[svr5]

Спасибо большое!

Answer 2

[Дмитрий]

flex-basis

Comments

[svr5]

Я пробовал, но он на него не реагирует! Когда ставишь max-width: 50px; тогда он принимает 50px

[Dima Polos]

svr5, Ширина и базис должны отработать, смотрите девтулз, может есть что-то в большем приоритете, что перебивает ширину.

[svr5]

Что-то видимо происходит, потому что когда прописываю flex-basis: 50px; , flex элемент становится еще меньше) пока не могу разобраться