mobile layout work

This commit is contained in:
bronku 2026-06-09 19:02:42 +02:00
parent 9ff9e59a8c
commit 94bc964e34
11 changed files with 348 additions and 203 deletions

View file

@ -12,8 +12,10 @@
transition-duration: 0.2s;
&:hover {
transform: scale(1.1);
@media (hover: hover) {
&:hover {
transform: scale(1.1);
}
}
}
@ -78,15 +80,17 @@
transform: translateY(0);
transition: transform 0.2s;
&:hover {
transform: translateY(-10px);
@media (hover: hover) {
&:hover {
transform: translateY(-10px);
& img {
scale: 1.1;
}
& img {
scale: 1.1;
}
& svg {
margin-left: 10px;
& svg {
margin-left: 10px;
}
}
}
@ -125,6 +129,19 @@
gap: 1rem;
justify-content: center;
padding: 3rem;
flex-wrap: wrap;
@media (max-width: 768px) {
padding: 1.5rem 0;
gap: 0.75rem;
justify-content: center;
& > a {
font-size: 0.9rem;
white-space: nowrap;
padding: 0.4rem 1rem;
}
}
}
}