Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

using svw for various things which should fill the screen and I don't want cut off (progressive enhancement setup because why not)

Browse source
This commit is contained in:
Pagwin 2025-08-28 19:33:06 -04:00
parent 858237af66
commit 986b7e8fe1
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
static/css/layout.css
View file

@ -36,6 +36,7 @@ body {
/*make the width and scrolling behavior correct /*make the width and scrolling behavior correct
* If horizontal scrolling is needed the layout broke*/ * If horizontal scrolling is needed the layout broke*/
width: 100vw; width: 100vw;
width: 100svw;
overflow: hidden scroll; overflow: hidden scroll;
} }
@ -142,10 +143,12 @@ header#header {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100vw; width: 100vw;
width: 100svw;
padding: 0.5em 1em; padding: 0.5em 1em;
} }
article { article {
max-width: min(66ch, 100vw); max-width: min(66ch, 100vw);
max-width: min(66ch, 100svw);
width: 100%; width: 100%;
padding: 1rem; padding: 1rem;
} }