diff options
| author | Rosa <rosaontheweb@proton.me> | 2026-05-27 15:06:19 -0400 |
|---|---|---|
| committer | Rosa <rosaontheweb@proton.me> | 2026-05-27 15:06:19 -0400 |
| commit | acf46b01985a7f38385101fa6f99f620ddd0252d (patch) | |
| tree | c53ccd2c46484fb67e22bbf8408dea6e077a1f45 | |
| parent | 83c0a279228c46f811170c909ef6694dd836ca17 (diff) | |
very simple media queries
| -rw-r--r-- | src/pages/members/index.html | 11 | ||||
| -rw-r--r-- | src/templates/base.html | 12 |
2 files changed, 23 insertions, 0 deletions
diff --git a/src/pages/members/index.html b/src/pages/members/index.html index d3ab8f6..f2e0624 100644 --- a/src/pages/members/index.html +++ b/src/pages/members/index.html @@ -29,6 +29,17 @@ members float: right; margin-right: 0.5rem; } + + @media screen and (max-width: 720px) { + section.member-info { + grid-template-columns: initial; + grid-template-rows: 1fr 1fr; + } + + section.member-info div#image-container, section.member-info header h2 { + text-align: center; + } + } </style> <!--: endreplace --> diff --git a/src/templates/base.html b/src/templates/base.html index c72c6cf..146a7c9 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -57,6 +57,7 @@ #main-navigation ul { list-style: none; + padding: 0; } #main-navigation ul li { @@ -105,6 +106,17 @@ .subtle { color: #333; } + + @media screen and (width <= 720px) { + body { + margin-left: 5%; + margin-right: 5%; + } + + #main-navigation ul li { + display: block; + } + } </style> {{extraHead}} </head> |