More actions
No edit summary |
No edit summary Tag: Reverted |
||
Line 29: | Line 29: | ||
width: 100%; /* Makes sure the table takes the full width of the infobox */ | width: 100%; /* Makes sure the table takes the full width of the infobox */ | ||
} | } | ||
/* Revs Infobox Flex Layout */ | |||
.revs-infobox-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 10px; | |||
margin-bottom: 20px; | |||
} | |||
.revs-infobox-item { | |||
flex: 1 1 300px; | |||
max-width: 300px; | |||
} | |||
.revs-infobox-item table { | |||
width: 100%; | |||
} | |||
/* Stack vertically on small screens */ | |||
@media screen and (max-width: 768px) { | |||
.revs-infobox-container { | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
} | |||
/* Discord Styling */ | /* Discord Styling */ |