diff --git a/themes/buha/assets/scss/gen_list.scss b/themes/buha/assets/scss/gen_list.scss
index b5ec76d9..482fd401 100644
--- a/themes/buha/assets/scss/gen_list.scss
+++ b/themes/buha/assets/scss/gen_list.scss
@@ -1,42 +1,59 @@
-	.gen_list {
-		width: 100%;
-		.article_list {
-			margin-bottom: 5rem;
-		}
-		a {
-			text-decoration: none;
-			&:hover {
-				.img {
-					height: 140px;
-					background-size: 120% auto;
-				}
-				.img-only {
-					height: 360px;
-					background-size: 110% auto;
-					background-position: top;
-				}
+.gen_list {
+	max-width: 100%;
+	.list_item {
+		margin-bottom: 5rem;
+		min-height: 17vh;
+	}
+	a {
+		text-decoration: none;
+		&:hover {
+			.img {
+				height: 240px;
+				background-size: 120% auto;
+			}
+			.img-only {
+				height: 360px;
+				background-size: 110% auto;
+				background-position: top;
 			}
 		}
-		img {
-			width: 100%;
-		}
-		h3 {
-			margin-top: 0rem;
-		}
-		.img {
-			width: 100%;
-			height: 140px;
-			transition: all .3s ease-in-out;
-			background-position: center center;
-			background-size: 100% auto;
-			background-repeat: no-repeat;
-		}
-		.img-only {
-			width: 100%;
-			height: 360px;
-			transition: all .2s ease-in-out;
-			background-size: 100% auto;
-			background-position: top center; 
-			background-repeat: no-repeat;
-		}
 	}
+	img {
+		width: 100%;
+	}
+	h3 {
+		margin-top: 0rem;
+	}
+	.img {
+		width: 100%;
+		height: 240px;
+		transition: all .3s ease-in-out;
+		background-position: top center;
+		background-size: 100% auto;
+		background-repeat: no-repeat;
+	}
+	.img-only {
+		width: 100%;
+		height: 460px;
+		transition: all .2s ease-in-out;
+		background-size: 100% auto;
+		background-position: top center; 
+		background-repeat: no-repeat;
+	}
+}
+	
+@media (min-width: 640px) {
+
+}
+@media (min-width: 768px) {
+
+}
+@media (min-width: 1024px) {
+
+}
+@media (min-width: 1280px) {
+
+}
+@media (min-width: 1920px) {
+
+}
diff --git a/themes/buha/assets/scss/main.scss b/themes/buha/assets/scss/main.scss
index 20b1c6da..a3f80cb6 100644
--- a/themes/buha/assets/scss/main.scss
+++ b/themes/buha/assets/scss/main.scss
@@ -31,7 +31,7 @@ aside {
 		margin-right: auto;
 		aside {
 			text-align: right;
-			min-width: 25%;
+			min-width: 20%;
 		}
 		.main_upper {
 			flex-direction: row;
diff --git a/themes/buha/layouts/partials/layout/gen_list.html b/themes/buha/layouts/partials/layout/gen_list.html
index df6799f2..446277d7 100644
--- a/themes/buha/layouts/partials/layout/gen_list.html
+++ b/themes/buha/layouts/partials/layout/gen_list.html
@@ -17,7 +17,7 @@
 	<div class="gen_list">
 		{{ if $title }}<h2>{{ $title }}</h2>{{ end }}
 		{{ range $p }}
-		<div class="article_list">
+		<div class="list_item">
 			{{ $banner := slice }}
 			{{ $image := slice }}
 			{{ $images := slice }}