diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index f7f3825..ef8243f 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -8,7 +8,7 @@
 		{{- end }}
 		<div class="cards">
 			{{ range .Paginator.Pages }}
-				<div class="card{{ if $.Param "cardsPerRow" }} card--{{ $.Param "cardsPerRow" }}col{{ else }} card--2col{{ end }}">
+				<div class="card{{ if and (ge ($.Param "cardsPerRow") 1) (le ($.Param "cardsPerRow") 3) }} card--{{ $.Param "cardsPerRow" }}col{{ else }} card--2col{{ end }}">
 					{{ .Render "summary" }}
 				</div>
 			{{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index 9b76715..5d01928 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -4,7 +4,7 @@
 		{{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
 		{{ $paginator := .Paginate ( where .Data.Pages "Section" "in" $mainSections ) }}
 		{{ range $paginator.Pages }}
-			<div class="card{{ if $.Param "cardsPerRow" }} card--{{ $.Param "cardsPerRow" }}col{{ else }} card--2col{{ end }}">
+			<div class="card{{ if and (ge ($.Param "cardsPerRow") 1) (le ($.Param "cardsPerRow") 3) }} card--{{ $.Param "cardsPerRow" }}col{{ else }} card--2col{{ end }}">
 			{{ .Render "summary" }}
 			</div>
 		{{ end }}