Improve grid layout for the presentation list

NothingEverHappens · NothingEverHappens · commit e73bcef7b5c8 · 2021-02-07T14:21:32.000-05:00
diff --git a/apps/codelab/src/app/admin/content/presentation-list/presentation-list.component.css b/apps/codelab/src/app/admin/content/presentation-list/presentation-list.component.css
@@ -12,10 +12,9 @@
 }
 
 .wrapper {
+  width: 100%;
   display: grid;
-  grid-template-columns: fit-content(200px) fit-content(200px) fit-content(
-      200px
-    );
+  grid-template-columns: repeat(auto-fill, 250px);
   grid-gap: 20px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -12,10 +12,9 @@`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`.wrapper {`
	`15`	`+ width: 100%;`
`15`	`16`	`display: grid;`
`16`		`- grid-template-columns: fit-content(200px) fit-content(200px) fit-content(`
`17`		`- 200px`
`18`		`- );`
	`17`	`+ grid-template-columns: repeat(auto-fill, 250px);`
`19`	`18`	`grid-gap: 20px;`
`20`	`19`	`}`
`21`	`20`