@@ -23,9 +24,28 @@ {{ .Params.subtitle }} {{ end }}
-{{ .Content | plainify | truncate 125 }}
+{{ .Content | plainify | truncate 100 }}
diff --git a/assets/sass/_layout.sass b/assets/sass/_layout.sass
index 30846be..46b5b25 100644
--- a/assets/sass/_layout.sass
+++ b/assets/sass/_layout.sass
@@ -128,12 +128,29 @@ section
color: $text-subtle
text-align: center
+#tool-cards
+ display: flex
+ flex-wrap: wrap
+ gap: $spacing-unit
+ // justify-content: space-between
+
+ > article
+ flex: 1 1 48%
+ min-width: 300px
+ max-width: 48%
+ box-sizing: border-box
+
+ @media (max-width: 900px)
+ > article
+ flex-basis: 100%
+ max-width: 100%
+
article
background: $surface
border-radius: 8px
- padding: $spacing-unit
- margin: $spacing-unit 0
- position: relative
+ padding: 1rem 1.5rem
+ // margin: $spacing-unit 0
+ // position: relative
transition: background 0.5s ease-in-out
&:hover, &:focus
background: $primary-dark
diff --git a/layouts/home.html b/layouts/home.html
index b64cc80..49b716f 100644
--- a/layouts/home.html
+++ b/layouts/home.html
@@ -15,6 +15,7 @@
This list shows a selection of 20 random tools, refreshed every time this site is updated. {{ .Content | plainify | truncate 125 }} {{ .Content | plainify | truncate 100 }}Try Something New
@@ -23,9 +24,28 @@
{{ .Params.subtitle }}
{{ end }}
-