Improve courses layout to be more flexible

assets/_sass/pages/_courses.scss

@@ -7,23 +7,25 @@
 	padding-right: 50px;
 	max-width: 1600px;
 	margin: 0 auto;
+	grid-auto-rows: min-content;
 
 	a {
 		text-decoration: none;
 	}
 
 	.card {
-		width: 300px;
-		height: 400px;
+		height: 100%;
+		width: 100%;
 		padding: 20px;
 		box-sizing: border-box;
 		overflow: hidden;
+		font-size: 0.7em;
 
 		.image {
 			display: flex;
 			justify-content: center;
 			align-items: center;
-			height: 50%;
+			height: 200px;
 			width: 100%;
 			margin-bottom: 5%;
 
@@ -32,12 +34,6 @@
 				max-width: 100%;
 			}
 		}
-
-		.description {
-			text-decoration-line: none;
-			font-size: 0.7em;
-			margin: 0;
-		}
 	}
 }
 

courses/index.html

@@ -20,7 +20,7 @@ title: Corsi POuL
 		<a class="no-decoration" href="./{{ course.slug }}/">
 			<div class="card bg-darker">
 				<div class="image"><img src="{{ course.logo | relative_url }}" alt="course logo"/></div>
-				<div class="description">{{ course.description | markdownify }}</div>
+				{{ course.description | markdownify }}
 			</div>
 		</a>
 		{% endfor %}