[design] improve small screen grid padding

zombieFox · zombieFox · commit 40d5da99c83d · 2018-12-26T14:58:30.000-07:00
diff --git a/css/grid.css b/css/grid.css
@@ -10,7 +10,7 @@
 }
 
 .grid-item-head{
- padding: 4em 2em 2em 2em;
+ padding: 1em 2em 0 2em;
 width: 100%;
 }
 
@@ -26,7 +26,12 @@
 }
 
 @media (min-width: 700px){
+ .grid-item-head{
+ padding: 4em 2em 2em 2em;
+ }
+
 .grid-item-body{
+ padding: 2em 2em 25vh 2em;
 grid-template-columns: repeat(3, minmax(1em, 1fr));
 }
 }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`.grid-item-head{`
`13`		`-padding:4em2em2em2em;`
	`13`	`+padding:1em2em02em;`
`14`	`14`	`width:100%;`
`15`	`15`	`}`
`16`	`16`
`@@ -26,7 +26,12 @@`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`@media (min-width:700px){`
	`29`	`+ .grid-item-head{`
	`30`	`+padding:4em2em2em2em;`
	`31`	`+ }`
	`32`	`+`
`29`	`33`	`.grid-item-body{`
	`34`	`+padding:2em2em25vh2em;`
`30`	`35`	`grid-template-columns:repeat(3,minmax(1em,1fr));`
`31`	`36`	`}`
`32`	`37`	`}`