More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 240: | Line 240: | ||
line-height: 1.2; | line-height: 1.2; | ||
margin-top: 4px; | margin-top: 4px; | ||
} | |||
} | |||
.minigame-grid { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 10px; | |||
} | |||
.minigame-card { | |||
width: 18%; | |||
min-width: 120px; | |||
max-width: 150px; | |||
text-align: center; | |||
color: #E0C882; | |||
font-weight: 600; | |||
text-shadow: 0 0 3px rgba(139, 111, 53, 0.5); | |||
} | |||
.minigame-card img { | |||
width: 100px; | |||
height: 100px; | |||
object-fit: contain; | |||
transition: transform 0.2s ease-in-out; | |||
} | |||
.minigame-card img:hover { | |||
transform: scale(1.1); | |||
} | |||
.minigame-card span { | |||
display: inline-block; | |||
font-size: 14px; | |||
line-height: 1.2; | |||
margin-top: 4px; | |||
word-break: break-word; | |||
} | |||
@media (max-width: 768px) { | |||
.minigame-card { | |||
width: 45%; | |||
} | |||
.minigame-card span { | |||
font-size: 12px; | |||
} | |||
.minigame-card img { | |||
width: 85px; | |||
height: 85px; | |||
} | } | ||
} | } | ||