media queries match other break points and break from a 3 column to 2 to 1
@@ -58,7 +58,28 @@
.preview-clipboard-image
width: 280px
+ max-width: 100%;
height: 200px
display: block
border: 1px solid black
box-shadow: 0 1px 2px rgba(0,0,0,.2)
+
+@media screen and (max-width: 800px)
+ .attachments-galery
+ flex-direction
+ row
+ .attachment-item
+ width: 50% - 2%
+ .attachment-thumbnail
+ height: 130px
+ .attachment-details
+ font-size: 1.1em
+@media screen and (max-width: 360px)
+ width: 100%
+ height: 200px