Browse Source

misc: More sensible mobile cutoff, mobile improvments

master
Dale 1 month ago
parent
commit
281223bd4c
2 changed files with 9 additions and 13 deletions
  1. +1
    -1
      index.html
  2. +8
    -12
      style.css

+ 1
- 1
index.html View File

@@ -3,7 +3,7 @@
<title>Dale</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style.css?v=1">
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
<meta name="viewport" content="width=device-width, initial-scale=1">


+ 8
- 12
style.css View File

@@ -32,6 +32,7 @@ a {
background-color: rgba(56, 61, 65, 0.8);
/* box-shadow: -20px 20px 34px -19px rgba(0,0,0,0.75); */
box-shadow: -20px 30px 38px 0px rgba(0,0,0,0.75);
transition: width .5s ease;
}

.bg-mobile {
@@ -85,7 +86,13 @@ a {
}
}

@media (max-width: 425px) {
@media screen and (max-width: 1000px) {
body {
font-size: 1.1rem;
}
}

@media (max-width: 750px) {
html, body {
height: initial;
min-height: 100%;
@@ -93,21 +100,10 @@ a {
.mobile-break {
display: initial;
}
/* .bg-desktop {
display: none;
}
.bg-mobile {
display: initial;
} */
body {
font-size: 1.4rem;
height: initial;
}
/* .backgroundYuuka {
background-image: url('yuuka_mobile_opt.png');
background-size: cover;
background-attachment: fixed;
} */

#panel {
align-self: center;


Loading…
Cancel
Save