diff --git a/static-src/styles.css b/static-src/styles.css index e8ab930..637c6ec 100644 --- a/static-src/styles.css +++ b/static-src/styles.css @@ -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); } diff --git a/views/index.pug b/views/index.pug index 3456f9c..982b6dc 100644 --- a/views/index.pug +++ b/views/index.pug @@ -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