Increase readibility of articles
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Isaac Mills 2024-04-21 16:46:48 -04:00
parent 169659b540
commit 2b7bcb4122
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
2 changed files with 21 additions and 3 deletions

View file

@ -62,7 +62,7 @@
</div> </div>
</div> </div>
<div class="w-layout-vflex flex-block-2 purple"> <div class="w-layout-vflex flex-block-2 purple">
<div style="max-width: 575px; align-items: flex-start;"> <div id="header-elements" style="align-items: flex-start;">
<h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1> <h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1>
<div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;"> <div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;">
{% for author in authors %} {% for author in authors %}

View file

@ -50,8 +50,6 @@ article {
} }
article>* { article>* {
width: 96vw;
max-width: 575px;
line-height: 1.5; line-height: 1.5;
} }
@ -208,12 +206,32 @@ li {
font-size: 18px; font-size: 18px;
} }
article>* {
width: 96vw;
max-width: 940px;
}
#header-elements {
width: 96vw;
max-width: 940px;
}
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
.heading-3.unwrapped-compute.compute-gradiant { .heading-3.unwrapped-compute.compute-gradiant {
height: 22vw; height: 22vw;
min-height: 0%; min-height: 0%;
} }
article>* {
width: 96vw;
max-width: 575px;
}
#header-elements {
width: 96vw;
max-width: 575px;
}
.grid { .grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }