mirror of
https://github.com/safing/web
synced 2025-09-05 04:29:04 +00:00
Add tablet support
This commit is contained in:
parent
2039eb725d
commit
f7dfa5047c
9 changed files with 13 additions and 11 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue