@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%;
}
  • Вопрос задан
  • 77 просмотров
Решения вопроса 3
Ilya-Zhulin
@Ilya-Zhulin
Медиа запросы в зависимости от ширины экрана
Ответ написан
FeST1VaL
@FeST1VaL
Тихий
Media запросы
Ответ написан
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Можно сделать с помощью медиа-запросов до 1200px, до 1600 и т.д
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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