Как сделать так, чтобы блоки сужались и растягивались равномерно?

Question

[M_Master]

Необходимо, чтобы 4 блока с новостями равномерно растянулись на ширину контейнера 980 px и равномерно сужались до критической точки в 760 px. C inline-block не получается. Как это лучше сделать?

Comments

[Сергей Сергей]

Можно начать с процентов.

[Дмитрий Чайников]

Оберните верстку в медиа запросы согласно ширине страницы нужного устройства (смартфон, планшет и т.д.).

Answer 1

[pereyaslavskiy]

@media screen and (min-width: 760px) {
  .container{
   display: flex;
  }
  .block{
    flex-basis: calc(25% - 15px);  
  }
}

p.s. Добавьте дополнительный селектор вместо контейнера если понадобится