diff --git a/src/styles/Portfolio.module.css b/src/styles/Portfolio.module.css
index ce6270f..0087a32 100644
--- a/src/styles/Portfolio.module.css
+++ b/src/styles/Portfolio.module.css
@@ -1,8 +1,11 @@
 .portfolioItems {
-	display: flex;
+	display: grid;
 	justify-content: center;
+	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	text-align: center;
 	gap: 30px;
+	margin: auto;
+	max-width: 1000px;
 	flex-wrap: wrap;
 	padding: 2em 3em;
 }
@@ -25,7 +28,6 @@
 	background: var(--secondary);
 	box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25),
 		-0.5em -0.5em 3em 0.7em rgba(0, 0, 0, 0.22);
-	width: 13em;
 }
 
 .portfolioItems a:hover {
@@ -35,5 +37,5 @@
 .projectName {
 	width: 100%;
 	margin: 0;
-	padding: 5px;
+	padding: 5px 0;
 }