Add better support for mobile viewports
This commit is contained in:
parent
85995a0b53
commit
8a66568a39
|
@ -2,6 +2,7 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=525">
|
||||||
<title>{{ site.title }}</title>
|
<title>{{ site.title }}</title>
|
||||||
<link rel="stylesheet" href="{{ site.base_url }}/static/style.css"/>
|
<link rel="stylesheet" href="{{ site.base_url }}/static/style.css"/>
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -40,7 +40,7 @@ header p:first-of-type {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 5em;
|
font-size: min(5em, 14.413vw);
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
@ -52,6 +52,9 @@ header {
|
||||||
align-content: center;
|
align-content: center;
|
||||||
background-color: #280C3F;
|
background-color: #280C3F;
|
||||||
}
|
}
|
||||||
|
header p {
|
||||||
|
margin: 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Flag Styling */
|
/* Flag Styling */
|
||||||
.flag {
|
.flag {
|
||||||
|
|
Loading…
Reference in a new issue