Как заставить CSS-сетку появляться только на телефоне, но не на рабочем столе

Question

Я хочу, чтобы CSS-сетка появлялась в телефонной версии, но я хочу, чтобы в настольной версии отображались только базовые CSS-файлы с flexbox. Мой сайт будет мобильным, потому что это будет галерея изображений.

Answer 1

Вы можете использовать медиазапрос , например:

// will be applied by default
.element {
    display: grid; 
}

// will overwrite the display when the screen has a larger width than 768px
@media (min-width: 768px) {
    .element{
        display: flex; 
    }
}