fix: fixed grid layout

1 files changed, 7 insertions, 5 deletions

diff --git a/style.css b/style.css
index f3e2887..6844f13 100644
--- a/style.css
+++ b/style.css
@@ -46,7 +46,7 @@ br{
 	height: 215px;
 	margin: 10px;
 	background-color: rgba(220, 237, 200, 0.55);
-	border: 3px solid skyblue;
+	/*border: 3px solid skyblue;*/
 	border-radius: 2%;
 	transition-property: opacity, box-shadow;
 	transition-duration: 0.3s, 0.6s;
@@ -86,14 +86,16 @@ a.text-link::after{
 }
 
 .content-container{
+	margin: 20px 10%;
 	display: grid;
-	grid-template-columns: repeat(2, 97vw);
-	gap: 20px;
+	grid-template-columns: repeat(2, 1fr);
+	grid-template-rows: auto ;
+	gap: 10px;
 }
 
 .content{
-	width: 94vw;
-	height: 88vh;
+	width: auto;
+	height: auto;
 	margin: 1%;
 	padding: 1%;
 	background-color: rgba(220, 237, 200, 0.80);