updated css styling for mobile

shubhamctech · shubhamctech · commit 0c006056c1a9 · 2024-09-29T16:50:36.000-05:00
diff --git a/vanilla-build/css/style.css b/vanilla-build/css/style.css
@@ -65,7 +65,7 @@ button:hover {
 .grid {
 	display: grid;
 	grid-template-columns: repeat(3, 25vw);
-	grid-template-rows: 8vw repeat(3, 25vw) 10vw;
+	grid-template-rows: 8vw repeat(3, 25vw) 12vw;
 	gap: 16px;
 }
 
@@ -159,6 +159,7 @@ button:hover {
 }
 
 .menu-items button {
+	font-size: 0.8rem;
 	background-color: transparent;
 	color: white;
 	padding: 8px;

Original file line number	Diff line number	Diff line change
`@@ -65,7 +65,7 @@ button:hover {`
`65`	`65`	`.grid {`
`66`	`66`	`display: grid;`
`67`	`67`	`grid-template-columns: repeat(3, 25vw);`
`68`		`- grid-template-rows: 8vw repeat(3, 25vw) 10vw;`
	`68`	`+ grid-template-rows: 8vw repeat(3, 25vw) 12vw;`
`69`	`69`	`gap: 16px;`
`70`	`70`	`}`
`71`	`71`
`@@ -159,6 +159,7 @@ button:hover {`
`159`	`159`	`}`
`160`	`160`
`161`	`161`	`.menu-items button {`
	`162`	`+ font-size: 0.8rem;`
`162`	`163`	`background-color: transparent;`
`163`	`164`	`color: white;`
`164`	`165`	`padding: 8px;`