diff --git a/es6.html b/es6.html
index 9420757..0d911be 100644
--- a/es6.html
+++ b/es6.html
@@ -7,7 +7,7 @@
-
-
+
diff --git a/style.css b/style.css
index 7a570ef..3492b53 100644
--- a/style.css
+++ b/style.css
@@ -125,6 +125,7 @@ ul {
}
.release-version {
+ display: block;
font-size: 1.4rem;
font-weight: 700;
color: black;
@@ -174,6 +175,17 @@ p.lead {
text-align:center;
}
+@media (max-width: 560px) {
+ nav a {
+ line-height: 3;
+ display: block;
+ border: none;
+ }
+ .release-version em {
+ display: block;
+ }
+}
+
@media (max-width: 480px) {
h1 {
font-size: 2rem;
@@ -187,12 +199,6 @@ p.lead {
margin-top: 20px;
}
- nav a {
- line-height: 3;
- display: block;
- border: none;
- }
-
header .content {
padding: 0;
}
@@ -201,3 +207,26 @@ p.lead {
padding-left: 1rem;
}
}
+
+@media (max-width: 410px) {
+ .content {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+ .release-logo-link {
+ display: block;
+ text-align: center;
+ }
+ .release-logo {
+ position: relative;
+ top: initial;
+ left: initial;
+ }
+ .release-version {
+ text-align: center;
+ }
+ .release-details {
+ padding-left: initial;
+ padding-top: initial;
+ }
+}