]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
One more fix for frame-grid example/vis test 10163/head
authorKevin Ball <kmball11@gmail.com>
Fri, 9 Jun 2017 18:39:52 +0000 (11:39 -0700)
committerKevin Ball <kmball11@gmail.com>
Fri, 9 Jun 2017 18:39:52 +0000 (11:39 -0700)
test/visual/xy-grid/frame-grid.html

index 4a88961313b540d8ca7556da80354ee21b569daa..fa862d0163a508e4cc73dada0e12815c5df7bac0 100644 (file)
       .header, .footer {
         background-color: #ddd;
       }
+      @media print, screen and (min-width: 40em) {
+        .wide {
+          width: 80vw;
+        }
+      }
     </style>
   </head>
   <body>
@@ -28,7 +33,7 @@
             A medium 4 cell
           </div>
           <div class="cell medium-4 medium-cell-block">
-            <p style="width:100vw;">A medium 4 cell block... on medium this content should overflow and let you horizontally scroll across... one might use this for an array of options</p>
+            <p class='wide' >A medium 4 cell block... on medium this content should overflow and let you horizontally scroll across... one might use this for an array of options</p>
           </div>
           <div class="cell medium-4">
             A medium 4 cell