Условное форматирование blazor в зависимости от размера экрана ⇐ CSS

[Anonymous]

Я сделал 3 кнопки, которые идут на картинку (справа). Когда экран маленький, кнопки не соответствуют макету, поэтому они занимают все изображение.
Как мне сделать их меньше или, желательно, по размеру после изображения, если это маленький экран?
.btn-circle {
height: 125px;
width: 125px;
border-radius: 50%;
padding: 4px;
margin-right: 7px;
margin-left: 7px;
}

.img-circle {
border-radius: 50%;
height: 125px;
width: 125px;
}

@page "/"

Accueil

















Подробнее здесь: https://stackoverflow.com/questions/792 ... creen-size