@vitas1693

Как сделать скрытие блоков при уменьшение ширины экрана без js?

Подскажите как скрыть блок который не влазит, если ширина экрана уменьшается, пока смог сделать, чтобы часть его скрывалась, но не полностью.

<div class="items">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
        <div class="item">4</div>
        <div class="item">5</div>
        <div class="item">6</div>
        <div class="item">7</div>
        <div class="item">8</div>
        <div class="item">9</div>
      </div>


.items {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}
.item {
  padding: 16px;
  margin-top: 16px;
  border-radius: 10px;
  background-color: #000;
  color: #fff;
  text-align: center;
  min-width: 80px;
  width: 100%;
}
  • Вопрос задан
  • 494 просмотра
Решения вопроса 3
Ilya-Zhulin
@Ilya-Zhulin
Медиа запросы в зависимости от ширины экрана
Ответ написан
FeST1VaL
@FeST1VaL
Тихий
Media запросы
Ответ написан
@Lord_Dantes
Можно сделать с помощью медиа-запросов до 1200px, до 1600 и т.д
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы