chore: improved visibility on low res mobile
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
.navbar{
|
.navbar {
|
||||||
background-color: #000b;
|
background-color: #000b;
|
||||||
/* background: linear-gradient(0deg,rgba(35, 43, 62, 200) 0%, rgba(0, 0, 0, 200) 100%); */
|
/* background: linear-gradient(0deg,rgba(35, 43, 62, 200) 0%, rgba(0, 0, 0, 200) 100%); */
|
||||||
border-bottom: 1px solid grey;
|
border-bottom: 1px solid grey;
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-picture{
|
.my-picture {
|
||||||
width: 8em;
|
width: 8em;
|
||||||
aspect-ratio: 1;
|
aspect-ratio: 1;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@@ -79,7 +79,7 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.attention {
|
.attention {
|
||||||
font-size: 1.6em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rowlines-short li:not(:last-of-type)::after {
|
.rowlines-short li:not(:last-of-type)::after {
|
||||||
@@ -92,7 +92,7 @@ a {
|
|||||||
.rowlines li:not(:last-of-type)::after {
|
.rowlines li:not(:last-of-type)::after {
|
||||||
content: "";
|
content: "";
|
||||||
width: 78%;
|
width: 78%;
|
||||||
margin: 0 5rem;
|
margin: 0 4rem;
|
||||||
border-bottom: 1px solid #66666688;
|
border-bottom: 1px solid #66666688;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -147,4 +147,18 @@ body {
|
|||||||
.card {
|
.card {
|
||||||
width: 32rem;
|
width: 32rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.attention {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul{
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-width: 600px){
|
||||||
|
body{
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user