Адаптивные текстовые блоки

У меня есть три текстовых блока, как мне сделать их адаптивными, чтобы при уменьшении экрана до определенного значения блоков становилось меньше?

Условно при ширине экрана в 1920 пикселей у меня три блока текста. При ширине в 1440 пикселей - два блока, и при ширине в 900 пикселей - 1 блок


Ответы (1 шт):

Автор решения: Дмитрий

Попробуйте использовать media

@media (max-width: 1440px) {
  .nazvznie-pervogo-blocka {
    display: none;
  }
}

@media (max-width: 900px) {
  .nazvznie-vtorogo-blocka {
    display: none;
  }
}

→ Ссылка