Реагирующие контейнеры с различной шириной в смартфоне и ПК - начальная загрузка

Question

Как я могу сделать ответный конкатайнер в начальной загрузке, который в смартфоне будет иметь полную ширину, а в ПК - 70% ширины?

Answer 1

Вы можете сделать это с помощью медиазапросов CSS ( подробнее ).Я создал класс, который вы можете использовать.

.container-custom {
  width: 100%;
} 
@media (min-width: 992px) {
  .container-custom {
    width: 70%;
  }
}