use flex for a better display

2020-01-16 20:51:31 +01:00 · 2020-01-16 20:51:31 +01:00 · 874571ae8f
parent 90cb75eabe
commit 874571ae8f
3 changed files with 9 additions and 0 deletions
--- a/pages/02.tutorials/index.en.md
+++ b/pages/02.tutorials/index.en.md
@ -1,5 +1,6 @@
 ---
 title: "Howto: Services"
+section_id: flex
 content:
    items:
      - '@taxonomy': {category: [topic]}
--- a/themes/grav-theme-howto/css/style.css
+++ b/themes/grav-theme-howto/css/style.css
@ -73,6 +73,13 @@ a:hover {
    margin: 0 3rem;
 }

+#flex {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+
 .padding {
    padding: 3rem 1rem;
 }
--- a/themes/grav-theme-howto/grav-theme-howto
+++ b/themes/grav-theme-howto/grav-theme-howto
@ -0,0 +1 @@
+/var/www//themes/grav-theme-howto