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;
}
@media (max-width: 575.98px){
@media (max-width: 1318px){
content .about-short{
height: 95vh;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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