Add better support for mobile viewports
This commit is contained in:
parent
85995a0b53
commit
8a66568a39
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue