From b06614a8c79f6539eb82d08a48621c705860ae65 Mon Sep 17 00:00:00 2001 From: Rohit Pai Date: Tue, 24 Oct 2023 16:17:30 +0100 Subject: [PATCH 1/7] fixed category page --- src/blog/css/category.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/blog/css/category.css b/src/blog/css/category.css index 795a700..30d0623 100644 --- a/src/blog/css/category.css +++ b/src/blog/css/category.css @@ -9,7 +9,7 @@ section.catPosts .largePost { section.categories { - display: flex + display: flex; flex-direction row; justify-content: center; align-items; @@ -17,5 +17,5 @@ section.categories { } section.categories .btnContainer { - flex-basis: 33.3333333% + flex-basis: 33.3333333%; } From 9349f730163c623c7b7a4129711c49dfc61a031c Mon Sep 17 00:00:00 2001 From: Rohit Pai Date: Tue, 24 Oct 2023 16:19:11 +0100 Subject: [PATCH 2/7] centered items --- src/blog/css/category.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/blog/css/category.css b/src/blog/css/category.css index 30d0623..a33d10d 100644 --- a/src/blog/css/category.css +++ b/src/blog/css/category.css @@ -12,7 +12,7 @@ section.categories { display: flex; flex-direction row; justify-content: center; - align-items; + align-items: center; flex-wrap: wrap; } From fbf9449116aa151d5d43f6152e8c525d539ee793 Mon Sep 17 00:00:00 2001 From: Rohit Pai Date: Tue, 24 Oct 2023 16:20:35 +0100 Subject: [PATCH 3/7] set width to 100% --- src/blog/css/category.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/blog/css/category.css b/src/blog/css/category.css index a33d10d..0abc7fe 100644 --- a/src/blog/css/category.css +++ b/src/blog/css/category.css @@ -14,6 +14,7 @@ section.categories { justify-content: center; align-items: center; flex-wrap: wrap; + width: 100%; } section.categories .btnContainer { From a868136a996166be6cd6f059dad97e11a98d8427 Mon Sep 17 00:00:00 2001 From: Rohit Pai Date: Tue, 24 Oct 2023 16:22:16 +0100 Subject: [PATCH 4/7] margin centered --- src/blog/css/category.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/blog/css/category.css b/src/blog/css/category.css index 0abc7fe..8317512 100644 --- a/src/blog/css/category.css +++ b/src/blog/css/category.css @@ -15,6 +15,7 @@ section.categories { align-items: center; flex-wrap: wrap; width: 100%; + margin: 0 auto; } section.categories .btnContainer { From 9e94f6cade143513c4cc200204fcebeb06b7be94 Mon Sep 17 00:00:00 2001 From: Rohit Pai Date: Tue, 24 Oct 2023 16:25:32 +0100 Subject: [PATCH 5/7] added bottom margin --- src/blog/css/category.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/blog/css/category.css b/src/blog/css/category.css index 8317512..288d0d6 100644 --- a/src/blog/css/category.css +++ b/src/blog/css/category.css @@ -15,7 +15,7 @@ section.categories { align-items: center; flex-wrap: wrap; width: 100%; - margin: 0 auto; + margin-bottom: 5em; } section.categories .btnContainer { From 730b822a2bf31c5354dafe14c0ffb03f5bf22fe9 Mon Sep 17 00:00:00 2001 From: Rohit Pai Date: Tue, 24 Oct 2023 17:58:18 +0100 Subject: [PATCH 6/7] centered button in container --- src/blog/css/category.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/blog/css/category.css b/src/blog/css/category.css index 288d0d6..362f63d 100644 --- a/src/blog/css/category.css +++ b/src/blog/css/category.css @@ -20,4 +20,9 @@ section.categories { section.categories .btnContainer { flex-basis: 33.3333333%; + display: flex; + flex-direction row; + justify-content: center; + align-items: center; + flex-wrap: wrap; } From edabd92c177856bff93d73e35e52593bff359211 Mon Sep 17 00:00:00 2001 From: Rohit Pai Date: Sat, 28 Oct 2023 11:26:39 +0100 Subject: [PATCH 7/7] fixed css errors --- src/blog/css/category.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/blog/css/category.css b/src/blog/css/category.css index 362f63d..438395f 100644 --- a/src/blog/css/category.css +++ b/src/blog/css/category.css @@ -10,7 +10,7 @@ section.catPosts .largePost { section.categories { display: flex; - flex-direction row; + flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; @@ -21,7 +21,7 @@ section.categories { section.categories .btnContainer { flex-basis: 33.3333333%; display: flex; - flex-direction row; + flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;