adding #17

dist/example/index.html

@@ -749,11 +749,11 @@ $crispy__spacing__steps: 7;
 &lt;/div&gt;</code></pre>
 				<div class="grid">
 					<div class="col-6">
-						<img class="img-responsive" src="https://picsum.photos/400" />
+						<img class="img-responsive img-wide" src="https://picsum.photos/400" />
 					</div>
 					<div class="col-6">
 						<figure>
-							<img class="img-responsive" src="https://picsum.photos/400" />
+							<img class="img-responsive img-wide" src="https://picsum.photos/400" />
 							<figcaption class="text-center">Lorem Ipsum</figcaption>
 						</figure>
 					</div>

src/_mixins.scss

@@ -90,6 +90,12 @@
     }
 }
 
+@mixin crispy__media-xxs-only() {
+    @media only screen and (max-width: $crispy__xs - 1) {
+        @content;
+    }
+}
+
 @mixin crispy__media-xs-only() {
     @media only screen and (min-width: $crispy__xs) and (max-width: $crispy__sm - 1) {
         @content;

src/components/_media.scss

@@ -9,6 +9,11 @@
  */
 
 @mixin crispy__media() {
+
+    .img-wide {
+        width: 100%;
+    }
+
     .img-responsive {
         display: block;
         max-width: 100%;