member
1,308
edits
Template:NavTables.css: Difference between revisions
Jump to navigation
Jump to search
m
Mobile support test
Lightning266 (talk | contribs) mNo edit summary |
Lightning266 (talk | contribs) m (Mobile support test) |
||
| Line 58: | Line 58: | ||
.table .large-padding { | .table .large-padding { | ||
padding: 10px; | padding: 10px; | ||
} | |||
/* Desktop/tablet default */ | |||
.navtables-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
border: 1px solid #ccc; | |||
border-radius: 10px; | |||
background-color: #f9f9f9; | |||
padding: 10px; | |||
} | |||
/* Each box */ | |||
.navtables-section { | |||
flex: 1 1 22%; | |||
min-width: 200px; | |||
padding: 5px; | |||
border: 1px solid #ccc; | |||
border-radius: 10px; | |||
background-color: #f9f9f9; | |||
} | |||
/* Mobile layout */ | |||
@media screen and (max-width: 768px) { | |||
.navtables-container { | |||
flex-direction: column; | |||
} | |||
.navtables-section { | |||
flex: 1 1 100%; | |||
width: 100%; | |||
} | |||
} | } | ||