myriation/keyoxide-web
1
0
Fork 0
forked from Mirrors/keyoxide-web
Code Pull requests Activity

fix: Fix responsive design

Browse source
This commit is contained in:
Yarmo Mackenbach 2023-03-08 12:34:43 +01:00
parent aab1c7cb61
commit 0e317659c8
No known key found for this signature in database
GPG key ID: 37367F4AF4087AD1
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static-src/styles.css
View file

@ -297,12 +297,15 @@ section.profile p, .demo p {
.hcards { .hcards {
display: grid; display: grid;
grid-gap: 1.2rem; grid-gap: 1.2rem;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
margin-bottom: 1.6rem; margin-bottom: 1.6rem;
} }
.hcards .card { .hcards .card {
margin: 0; margin: 0;
} }
.hcards.hcards--max-2 {
grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
}
.hcards--col-1-2, .hcards--col-2-1 { .hcards--col-1-2, .hcards--col-2-1 {
grid-template-columns: repeat(auto-fit, minmax(256px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
} }
@ -313,6 +316,9 @@ section.profile p, .demo p {
.hcards--max-3 { .hcards--max-3 {
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
.hcards--max-2 {
grid-template-columns: 1fr 1fr;
}
.hcards--col-1-2, .hcards--col-2-1 { .hcards--col-1-2, .hcards--col-2-1 {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }

2
views/index.pug
View file

@ -31,7 +31,7 @@ block content
- n++ - n++
h2 About Keyoxide h2 About Keyoxide
.hcards.hcards--features .hcards.hcards--features.hcards--max-2
.card .card
h3 Online identity h3 Online identity
p Verifying online identity with cryptography. View p Verifying online identity with cryptography. View