diff --git a/website/resources/css/custom.css b/website/resources/css/custom.css
index ba4f56e8..ff31de04 100644
--- a/website/resources/css/custom.css
+++ b/website/resources/css/custom.css
@@ -133,6 +133,27 @@ h1, h2, h3 {
 	margin: 8px 16px 8px 16px;
 }
 
+.snippet-col {
+	position: relative;
+	min-height: 1px;
+	padding-left: 15px;
+	padding-right: 15px;
+}
+
+@media (min-width: 769px) {
+	.snippet-col {
+		margin-left: -60px;
+		margin-right: -60px;
+	}
+}
+
+@media (min-width: 1000px) {
+	.snippet-col {
+		margin-left: -120px;
+		margin-right: -120px;
+	}
+}
+
 a {
 	cursor: pointer;
 }
diff --git a/website/templates/features/_features.html b/website/templates/features/_features.html
index c0c63a76..2e338834 100644
--- a/website/templates/features/_features.html
+++ b/website/templates/features/_features.html
@@ -30,13 +30,13 @@
 
 <#macro snippets name>
 	<div class="row container-fluid">
-		<div class="col-lg-6">
+		<div class="snippet-col first-snippet">
 			<h3>With Lombok</h3>
 
 			<div class="snippet">${usages.pre(name)?no_esc}</div>
 		</div>
 		<div class="sep"></div>
-		<div class="col-lg-6">
+		<div class="snippet-col second-snippet">
 			<h3>Vanilla Java</h3>
 
 			<div class="snippet">${usages.post(name)?no_esc}</div>