fix mobile

This commit is contained in:
sky
2025-07-03 21:18:56 -04:00
parent 1cc45f05ff
commit 7efdf5ae4b

View File

@ -41,6 +41,8 @@ h2 {
} }
p { p {
font-size: 20px; font-size: 20px;
max-width: 80%;
text-align: center;
} }
cards { cards {
@ -48,10 +50,11 @@ cards {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-wrap: wrap;
} }
card { card {
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
width: 30%; max-width: 400px;
border-radius: 8px; border-radius: 8px;
margin: 16px; margin: 16px;
} }
@ -68,6 +71,8 @@ card img {
p.text { p.text {
font-size: 16px; font-size: 16px;
height: 48px; height: 48px;
max-width: 100%;
text-align: left;
} }
a { a {
color: white; color: white;
@ -108,3 +113,7 @@ a {
.blue { .blue {
background-color: #00B4D866; background-color: #00B4D866;
} }
@media screen and (width < 700px) {
}