diff --git a/_assets/css/responsive_sizes.scss b/_assets/css/responsive_sizes.scss
new file mode 100644
index 0000000..c01ee19
--- /dev/null
+++ b/_assets/css/responsive_sizes.scss
@@ -0,0 +1,11 @@
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $bpname,$bpsize in $grid-breakpoints {
+    @media (min-width: $bpsize) {
+      @each $size, $length in $sizes {
+        .#{$abbrev}-#{$bpname}-#{$size} {
+          #{$prop}: $length;
+        }
+      }
+    }
+  }
+}
diff --git a/_assets/css/style.scss b/_assets/css/style.scss
index 9d85628..02a9ee4 100644
--- a/_assets/css/style.scss
+++ b/_assets/css/style.scss
@@ -1,6 +1,7 @@
 @import 'bootstrap';
 @import 'font-awesome-sprockets';
 @import 'font-awesome';
+@import 'responsive_sizes';
 
 .rounded-large {
   border-radius: 1rem;