make buttons responsive

This commit is contained in:
Bergbok
2025-11-28 09:04:54 +02:00
committed by zomo
parent 0102d076e8
commit ddf2c7c342

View File

@@ -8,14 +8,13 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 50px;
.client { .client {
width: 500px; width: 500px;
height: 800px; height: 800px;
box-sizing: border-box; box-sizing: border-box;
margin-left: 50px;
box-shadow: rgba(67, 67, 67, 0.8) 0 0 5px; box-shadow: rgba(67, 67, 67, 0.8) 0 0 5px;
&:nth-child(0) { &:nth-child(0) {
@@ -23,3 +22,16 @@
} }
} }
} }
@media (max-width: 1200px) and (min-width: 901px) {
.client {
max-width: 400px;
min-height: 400px;
}
}
@media (max-width: 900px) {
.buttons {
flex-direction: column;
}
}