diff --git a/pages/_includes/layout/homepage.html b/pages/_includes/layout/homepage.html
index 3de8c6f38..cfd0f514d 100644
--- a/pages/_includes/layout/homepage.html
+++ b/pages/_includes/layout/homepage.html
@@ -15,10 +15,10 @@
 
 	<div class="col-lg-6">
 		<div class="row row-cards">
-			<div class="col-md-6">
+			<div class="col-sm-6">
 				{% include cards/project-summary.html stage-color="red" %}
 			</div>
-			<div class="col-md-6">
+			<div class="col-sm-6">
 				{% include cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
 			</div>
 
diff --git a/pages/tmp2.html b/pages/tmp2.html
index 56a8d5ac0..f0f28c3da 100644
--- a/pages/tmp2.html
+++ b/pages/tmp2.html
@@ -1,10 +1,22 @@
 ---
+tmp: true
 page-title: Search results
 ---
 
 
-<div class="row">
-	<div class="col">
-
+<div class="row row-cards">
+	<div class="col-sm-6">
+		<div class="card">
+			<div class="card-body">
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut expedita fugit ipsa placeat quibusdam repellat soluta ut. Architecto cum cupiditate, distinctio fugit hic laboriosam magni optio quibusdam, quis, rem sed.
+			</div>
+		</div>
+	</div>
+	<div class="col-sm-6">
+		<div class="card">
+			<div class="card-body">
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut expedita fugit ipsa placeat quibusdam repellat soluta ut. Architecto cum cupiditate, distinctio fugit hic laboriosam magni optio quibusdam, quis, rem sed.
+			</div>
+		</div>
 	</div>
 </div>
diff --git a/scss/_variables.scss b/scss/_variables.scss
index ef8f08148..40efa4548 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -181,12 +181,19 @@ $sizes-percentage: (
   auto: auto
 ) !default;
 
+$grid-breakpoints: (
+  xs: 0,
+  sm: 33rem,
+  md: 48rem,
+  lg: 64rem,
+  xl: 75.25rem
+) !default;
 
 $container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1200px
+  sm: 33rem,
+  md: 48rem,
+  lg: 64rem,
+  xl: 75.25rem
 ) !default;
 
 $embed-responsive-aspect-ratios: (
diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
index a595d5ffb..dca08d1d5 100644
--- a/scss/layout/_layout.scss
+++ b/scss/layout/_layout.scss
@@ -189,10 +189,10 @@ Content
   flex: 1;
   display: flex;
 
-  @include media-breakpoint-up($cards-grid-breakpoint) {
-    padding-left: $cards-grid-gap / 2;
-    padding-right: $cards-grid-gap / 2;
-  }
+  //@include media-breakpoint-up($cards-grid-breakpoint) {
+  //  padding-left: $cards-grid-gap / 2;
+  //  padding-right: $cards-grid-gap / 2;
+  //}
 
   @media print {
     padding-top: 0 !important;
diff --git a/scss/ui/_grid.scss b/scss/ui/_grid.scss
index 9e1b227b2..84fa81073 100644
--- a/scss/ui/_grid.scss
+++ b/scss/ui/_grid.scss
@@ -35,6 +35,10 @@
   margin-left: -($cards-grid-gap / 2);
   margin-right: -($cards-grid-gap / 2);
 
+  .row-cards {
+    flex: 1;
+  }
+
   >* {
     padding-left: $cards-grid-gap / 2;
     padding-right: $cards-grid-gap / 2;