From ba83f7c418c669f705a3cce0c58a1f9129a3de14 Mon Sep 17 00:00:00 2001 From: Adam Veldhousen Date: Sat, 4 Jan 2020 23:24:50 -0600 Subject: [PATCH] redid layout to use flexbox instead of grid --- assets/css/layout.scss | 45 ++++++++++++---------- content/posts/k8s-loadbalancing-metallb.md | 2 +- layouts/_default/baseof.html | 14 ++++--- makefile | 5 ++- 4 files changed, 37 insertions(+), 29 deletions(-) diff --git a/assets/css/layout.scss b/assets/css/layout.scss index e56ea87..26c5c3a 100644 --- a/assets/css/layout.scss +++ b/assets/css/layout.scss @@ -23,31 +23,34 @@ p { .container { max-width: 1280px; margin: 0 auto; - display: grid; - grid-template-columns: 3fr 1fr; -} + display: flex; + flex-direction: column; -#header { - margin-bottom: 20px; - grid-column-start: 1; - grid-column-end: 3; -} + #header { + margin-bottom: 20px; + } -#content { - grid-column-start: 1; - grid-row-start: 2; -} + #center { + display: flex; + flex-direction: row-reverse; + width: 100%; -#sidebar { - grid-column-start: 2; - padding-top: 20px; - padding-left: 20px; -} + #content { + flex-grow: 2; + max-width: 1010px; + } + + #sidebar { + padding-top: 20px; + padding-left: 20px; + flex-grow: 1; + min-width: 230px; + } + } -#footer { - grid-column-start: 1; - grid-column-end: 3; - font-size: 0.8rem; + #footer { + font-size: 0.8rem; + } } .highlight { diff --git a/content/posts/k8s-loadbalancing-metallb.md b/content/posts/k8s-loadbalancing-metallb.md index 8938c32..0a75743 100644 --- a/content/posts/k8s-loadbalancing-metallb.md +++ b/content/posts/k8s-loadbalancing-metallb.md @@ -1,5 +1,5 @@ --- -title: "Kubernetes Loadbalancing with Metal LB" +title: "Kubernetes Load balancing with Metal LB" date: 2020-01-02T20:57:36Z tags: ["kubernetes", "homelab", "networking"] draft: false diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 6cdf7da..fb5252d 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -22,13 +22,15 @@ {{ .Site.Title }} - +
+ -
- {{ block "main" . }}{{ end }} -
+
+ {{ block "main" . }}{{ end }} +
+