Add mobile media query

#7
by volivers - opened
Files changed (1) hide show
  1. style.css +10 -0
style.css CHANGED
@@ -610,6 +610,16 @@ input[type="range"] {
610
  .draw-half-upload {
611
  padding-left: 0;
612
  }
 
 
 
 
 
 
 
 
 
 
613
  }
614
 
615
  /* Tab-pill labels that sit ABOVE each card heading, classifying who the
 
610
  .draw-half-upload {
611
  padding-left: 0;
612
  }
613
+
614
+ .instr-grid {
615
+ grid-template-columns: repeat(3, 1fr) !important;
616
+ }
617
+ }
618
+
619
+ @media (max-width: 480px) {
620
+ .instr-grid {
621
+ grid-template-columns: repeat(2, 1fr) !important;
622
+ }
623
  }
624
 
625
  /* Tab-pill labels that sit ABOVE each card heading, classifying who the