Artcile in fullscreen for mobile

This commit is contained in:
kitoy 2026-01-06 03:32:59 +01:00
parent f2fea7a61f
commit 7befe1a430
4 changed files with 234 additions and 229 deletions

View File

@ -187,6 +187,7 @@ a {
} }
.articles { .articles {
max-width: 100%;
margin-left: auto; margin-left: auto;
position: relative; position: relative;
font-size: 3.5vw; font-size: 3.5vw;

View File

@ -187,6 +187,7 @@ a {
} }
.articles { .articles {
max-width: 100%;
margin-left: auto; margin-left: auto;
position: relative; position: relative;
font-size: 3.5vw; font-size: 3.5vw;

View File

@ -14,7 +14,6 @@
height: 100%; height: 100%;
width: 80%; width: 80%;
margin-left: 10%; margin-left: 10%;
} }
@ -33,7 +32,9 @@
color: var(--color-text); color: var(--color-text);
} }
* {-moz-box-sizing: border-box; box-sizing: border-box;} * {
-moz-box-sizing: border-box; box-sizing: border-box;
}
a { a {
box-shadow: inset 0 0 0 0 var(--color-text); box-shadow: inset 0 0 0 0 var(--color-text);
@ -187,7 +188,8 @@ a {
} }
.articles { .articles {
margin-left: 0; max-width: 100%;
margin-left: auto;
position: relative; position: relative;
font-size: 3.5vw; font-size: 3.5vw;
@ -211,8 +213,8 @@ a {
@media only screen and (max-width: 980px){ @media only screen and (max-width: 980px){
html
html{ {
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0; margin: 0;

View File

@ -187,6 +187,7 @@ a {
} }
.articles { .articles {
max-width: 100%;
margin-left: auto; margin-left: auto;
position: relative; position: relative;
font-size: 3.5vw; font-size: 3.5vw;