Почему flex элементы не растягиваются?

Question

[Valek-web Zir]

Я задал блокам(div) ширину по 25% почему они не растягиваются?https://codepen.io/valek-web/pen/dyMeXRP

Comments

[Steppp]

Так ответ в вопросе! Потому что ширина 25% не больше! И не меньше 320рх!

Убери max-width: 25%;
и поставь медиа запросы
Примерно так

@media (max-width: 768) {
  .article{
    //для мобилы 
    width: 100%
  }
}
@media (max-width: 1024) {
  .article{
    //для планшета в 2 столбика
     width: 50%
  }
}
для пк 3 стлбика  width: 33%

Answer 1

[Хороший UI]

Потому что вы им запрещаете :)

Comments

[Valek-web Zir]

Так тоже не получается

[Valek-web Zir]

https://codepen.io/valek-web/pen/dyMeXRP

[Хороший UI]

А так ты им установил ширину в 33%, т.е всегда они будут 1 / 3 от экрана.

Тебе как надо, что бы они растягивались? 2 в ряд?

[Мухаммад Магомедов]

Valek-web Zir, width: calc(33% - 28px);

[Valek-web Zir]

Мухаммад Магомедов, спасибо!