Mobile Improvements
Some checks failed
/ checking (push) Successful in 1m4s
/ build-site (push) Successful in 2m51s
/ publish (push) Successful in 13s
/ deploy-unlighthouse-files (push) Successful in 7s
/ deploy-unlighthouse-site (push) Successful in 6s
/ unlighthouse (push) Failing after 12m54s
Some checks failed
/ checking (push) Successful in 1m4s
/ build-site (push) Successful in 2m51s
/ publish (push) Successful in 13s
/ deploy-unlighthouse-files (push) Successful in 7s
/ deploy-unlighthouse-site (push) Successful in 6s
/ unlighthouse (push) Failing after 12m54s
This commit is contained in:
parent
ec9e4d8c93
commit
c0ef6cecb4
2 changed files with 6 additions and 7 deletions
|
@ -65,7 +65,6 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
width: 90%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile {
|
.mobile {
|
||||||
|
@ -77,7 +76,7 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
color: white;
|
color: white;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-left: 0.5rem;
|
padding-left: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile > h2 {
|
.mobile > h2 {
|
||||||
|
@ -99,7 +98,7 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
|
||||||
text-align: center;
|
text-align: center;
|
||||||
transition: transform var(--speed) var(--ease);
|
transition: transform var(--speed) var(--ease);
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 90%;
|
max-width: 100%;
|
||||||
border-radius: 1.25rem;
|
border-radius: 1.25rem;
|
||||||
--size-value: 7rem;
|
--size-value: 7rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -120,11 +119,11 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 620px) {
|
@media (min-width: 625px) {
|
||||||
article {
|
article {
|
||||||
width: 15rem;
|
width: 15rem;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 10px;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -195,7 +194,7 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
|
||||||
width: calc(var(--size-value) + 0.1rem);
|
width: calc(var(--size-value) + 0.1rem);
|
||||||
opacity: 90%;
|
opacity: 90%;
|
||||||
border-radius: 1.25rem;
|
border-radius: 1.25rem;
|
||||||
top: 1.1em;
|
top: 1.45em;
|
||||||
}
|
}
|
||||||
|
|
||||||
article:hover .title h2 {
|
article:hover .title h2 {
|
||||||
|
|
|
@ -29,7 +29,7 @@ const { title, description } = Astro.props
|
||||||
align-self: center;
|
align-self: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
padding: 1em;
|
padding-top: 1em;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
div h1 {
|
div h1 {
|
||||||
|
|
Loading…
Reference in a new issue