mirror of
https://codeberg.org/keyoxide/keyoxide-web.git
synced 2024-12-22 14:59:29 -07:00
fix: Fix responsive design
This commit is contained in:
parent
aab1c7cb61
commit
0e317659c8
2 changed files with 8 additions and 2 deletions
|
@ -297,12 +297,15 @@ section.profile p, .demo p {
|
|||
.hcards {
|
||||
display: grid;
|
||||
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;
|
||||
}
|
||||
.hcards .card {
|
||||
margin: 0;
|
||||
}
|
||||
.hcards.hcards--max-2 {
|
||||
grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
|
||||
}
|
||||
.hcards--col-1-2, .hcards--col-2-1 {
|
||||
grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
|
||||
}
|
||||
|
@ -313,6 +316,9 @@ section.profile p, .demo p {
|
|||
.hcards--max-3 {
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
.hcards--max-2 {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
.hcards--col-1-2, .hcards--col-2-1 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
|
|
@ -31,7 +31,7 @@ block content
|
|||
- n++
|
||||
|
||||
h2 About Keyoxide
|
||||
.hcards.hcards--features
|
||||
.hcards.hcards--features.hcards--max-2
|
||||
.card
|
||||
h3 Online identity
|
||||
p Verifying online identity with cryptography. View
|
||||
|
|
Loading…
Reference in a new issue