Center-sligned featured stats (#3246)

tunetheweb · web-flow · commit e464dc4871f2 · 2022-10-24T16:51:24.000+01:00
diff --git a/src/static/css/index.css b/src/static/css/index.css
@@ -162,7 +162,8 @@ p {
 }
 
 .featured-chapter-content-data {
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
   width: 100%;
   justify-content: space-between;
   text-align: center;
@@ -564,7 +565,6 @@ p {
   /* Featured Chapter */
   .featured-chapter,
   .featured-chapter-content-data {
-    flex-direction: column;
     align-items: center;
   }
 
@@ -583,6 +583,10 @@ p {
     width: auto;
   }
 
+  .featured-chapter-content-data {
+    grid-template-columns: 1fr;
+  }
+
   .featured-chapter-content-data-item {
     margin: 10px;
   }

Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,8 @@ p {`
`162`	`162`	`}`
`163`	`163`
`164`	`164`	`.featured-chapter-content-data {`
`165`		`- display: flex;`
	`165`	`+ display: grid;`
	`166`	`+ grid-template-columns: 1fr 1fr 1fr;`
`166`	`167`	`width: 100%;`
`167`	`168`	`justify-content: space-between;`
`168`	`169`	`text-align: center;`
`@@ -564,7 +565,6 @@ p {`
`564`	`565`	`/* Featured Chapter */`
`565`	`566`	`.featured-chapter,`
`566`	`567`	`.featured-chapter-content-data {`
`567`		`- flex-direction: column;`
`568`	`568`	`align-items: center;`
`569`	`569`	`}`
`570`	`570`
`@@ -583,6 +583,10 @@ p {`
`583`	`583`	`width: auto;`
`584`	`584`	`}`
`585`	`585`
	`586`	`+ .featured-chapter-content-data {`
	`587`	`+ grid-template-columns: 1fr;`
	`588`	`+ }`
	`589`	`+`
`586`	`590`	`.featured-chapter-content-data-item {`
`587`	`591`	`margin: 10px;`
`588`	`592`	`}`