|
|
| (One intermediate revision by the same user not shown) |
| Line 57: |
Line 57: |
| font-weight: 600; | | font-weight: 600; |
| } | | } |
| }
| |
| /* 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: 400px) {
| |
| .tocdiv {
| |
| max-width: 800px;
| |
| display: grid; what
| |
| grid-gap: 15px;
| |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
| |
| grid-template-columns: repeat(auto-fit, minmax(200px, 4fr));
| |
| grid-template-rows: repeat(2, 200px);
| |
| grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
| |
| }
| |
| } | | } |