MediaWiki:Mobile.css: Difference between revisions
mNo edit summary Tag: Reverted |
mNo edit summary Tag: Reverted |
||
| Line 59: | Line 59: | ||
} | } | ||
/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */ | /* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */ | ||
@media (max-width: 800px) { | |||
.tocdiv { | .tocdiv { | ||
max-width: 800px; | max-width: 800px; | ||
display: grid; what | display: grid; what | ||
grid-gap: 15px; | grid-gap: 15px; | ||
grid-template-columns: repeat(auto-fit, minmax( | grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | ||
grid-template-columns: repeat(auto-fit, minmax(300px, 4fr)); | grid-template-columns: repeat(auto-fit, minmax(300px, 4fr)); | ||
grid-template-rows: repeat(2, | grid-template-rows: repeat(2, 200px); | ||
grid-template-rows: repeat(auto-fit, minmax(300px, 1fr)); | grid-template-rows: repeat(auto-fit, minmax(300px, 1fr)); | ||
} | |||
} | } | ||