responsiveness

client/homebrew/pages/basePages/listPage/listPage.less

@@ -20,13 +20,15 @@
 .listPage {
 	.content {
 		z-index : 1;
-		padding : 100px 250px;
+		padding : clamp(50px, 5vh, 200px) 10vw;
 		.noBrews {
 			margin     : 10px 0px;
 			font-size  : 1.3em;
 			font-style : italic;
 		}
 		.brewCollection {
+			width:fit-content;
+
 			h1 {
 				margin-bottom : 20px;
 				font-size     : 25px;
@@ -46,6 +48,14 @@
 			h1:hover { cursor : pointer; }
 			
 			.brewGroup {
+
+				&.grid {
+					display:flex;
+					flex-wrap: wrap;
+					justify-content: center;
+					gap:20px;
+					min-width:400px;
+				}
 			
 
 				&.list {
@@ -56,7 +66,8 @@
 				&.card {
 					display   : flex;
 					flex-wrap : wrap;
-					column-gap:50px;
+					column-gap:40px;
+					justify-content: center;
 					
 					h1 { position : absolute; }
 				}