More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 166: | Line 166: | ||
display: none !important; | display: none !important; | ||
} | } | ||
} | |||
@media (max-width: 768px) { | |||
.hover-table { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
.hover-table tr { | |||
display: contents; /* Ensures <td> children are treated as flex items */ | |||
} | |||
.hover-table td { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
width: 45%; /* Two columns per row */ | |||
padding: 10px; | |||
box-sizing: border-box; | |||
text-align: center; | |||
} | |||
.hover-table img { | |||
width: 80px; | |||
height: 80px; | |||
} | |||
.hover-table td span { | |||
font-size: 11px; | |||
white-space: normal; | |||
word-break: break-word; | |||
line-height: 1.2; | |||
margin-top: 4px; | |||
} | |||
} | } | ||