Add tablet support

This commit is contained in:
Luke 2019-11-11 14:51:07 +01:00
parent 2039eb725d
commit f7dfa5047c
9 changed files with 13 additions and 11 deletions

View file

@ -24,7 +24,7 @@ content .about-short p{
width: 500px; width: 500px;
} }
@media (max-width: 575.98px){ @media (max-width: 1318px){
content .about-short{ content .about-short{
height: 95vh; height: 95vh;

View file

@ -77,7 +77,7 @@ content .cast .c-r p{
opacity: 0.5; opacity: 0.5;
} }
@media (max-width: 575.98px) { @media (max-width: 1318px) {
content .cast{ content .cast{
grid-template-columns:1fr; grid-template-columns:1fr;
margin-top: -100px; margin-top: -100px;

View file

@ -34,7 +34,7 @@
opacity: 0.5; opacity: 0.5;
} }
@media (max-width: 575.98px){ @media (max-width: 1318px){
.features{ .features{
height: 125vh; height: 125vh;

View file

@ -86,7 +86,7 @@ footer .legal ul li{
list-style-type: none; list-style-type: none;
} }
@media (max-width: 575.98px) { @media (max-width: 1318px) {
footer{ footer{
height: 45vh; height: 45vh;

View file

@ -197,7 +197,7 @@ header .h-r div a:hover{
opacity: 1; opacity: 1;
} }
@media (max-width: 575.98px){ @media (max-width: 1318px){
header{ header{
height: 170vh; height: 170vh;
@ -263,6 +263,4 @@ header .h-r div a:hover{
header .h-r div span{ header .h-r div span{
margin-right: 1.4rem; margin-right: 1.4rem;
} }
} }

View file

@ -37,7 +37,7 @@ content .map .m-r p{
padding-bottom: 2rem; padding-bottom: 2rem;
} }
@media (max-width: 575.98px){ @media (max-width: 1318px){
content .map{ content .map{
height: 125vh; height: 125vh;

View file

@ -59,7 +59,11 @@ nav ul li a:hover{
text-decoration: none; text-decoration: none;
} }
@media (max-width: 575.98px){ @media (max-width: 1318px){
nav{
grid-column: 1/4;
}
nav a{ nav a{
padding-right: 1vh; padding-right: 1vh;

View file

@ -70,7 +70,7 @@ content .overview .o-r div div p{
opacity: 0.5; opacity: 0.5;
} }
@media (max-width: 575.98px) { @media (max-width: 1318px) {
content .overview{ content .overview{
height: 170vh; height: 170vh;

View file

@ -28,7 +28,7 @@ content{
background-color: #396bf5; background-color: #396bf5;
} }
@media (max-width: 575.98px) { @media (max-width: 1318px) {
body{ body{
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }