Add better support for mobile viewports

This commit is contained in:
Emi Simpson 2021-11-10 11:53:02 -05:00
parent 85995a0b53
commit 8a66568a39
Signed by: Emi
GPG key ID: A12F2C2FFDC3D847
2 changed files with 5 additions and 1 deletions

View file

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=525">
<title>{{ site.title }}</title>
<link rel="stylesheet" href="{{ site.base_url }}/static/style.css"/>
</head>

View file

@ -40,7 +40,7 @@ header p:first-of-type {
font-size: 2em;
}
h1 {
font-size: 5em;
font-size: min(5em, 14.413vw);
margin-top: 15px;
margin-bottom: 15px;
}
@ -52,6 +52,9 @@ header {
align-content: center;
background-color: #280C3F;
}
header p {
margin: 0 20px;
}
/* Flag Styling */
.flag {