diff --git a/website/assets/style.css b/website/assets/style.css index 8234c5c..6cd7727 100644 --- a/website/assets/style.css +++ b/website/assets/style.css @@ -14,26 +14,25 @@ body { grid-template-areas: "one two" "one four" - "three blog" - "three blog"; + "three blog"; grid-gap: 5px; - grid-template-columns: repeat(2, minmax(0, 1fr)); - height: 98vh; + grid-template-columns: 1fr 1fr; + grid-template-rows: repeat(25vh, 6); } @media only screen and (max-width: 600px) { .order { grid-template-areas: "one " + "four " "two " "blog " - "blog "; + "blog " + "three"; grid-template-columns: 1fr; } - .three, .four { - display: none !important; - } body { scrollbar-width: auto !important; + } } .emoji { diff --git a/website/scripts/blog.tsx b/website/scripts/blog.tsx index 8476ba5..1c6f2b3 100644 --- a/website/scripts/blog.tsx +++ b/website/scripts/blog.tsx @@ -72,7 +72,7 @@ class Main extends Component { } return <> -