Как сделать такой блок адаптивным?

Question

[Петр Волханов]

Есть такой блок:





Пробовал медиа-запрос с display: block для элемента, но не работает. Как сделать такой блок адаптивным?

Answer 1

[Петр Волханов]

Вот, как решил задачу:

.av-countdown-cell {
    display: contents;
}

#top .av-countdown-style-1 .av-countdown-cell-inner {
    width: 90px;
}

.av-countdown-style-1 .av-countdown-time {
    width: 75px;
    max-width: 80px;
    height: 75px;
}

Comments

[Василий Варюхин]

И в чем адаптивность?

Answer 2

[Максим Тимофеев]

там у родителя

display: flex;
    justify-content: center;

или разберитесь как работает flex или именно родителю display: block делайте