You are here

Home » API reference » Responsive Views Grid 8

responsive_views_grid.css in Responsive Views Grid 8 

/* Grid style column align. */
.views-view-responsive-grid .views-col {
  float: left;
}
@media screen and (max-width: 480px) {
  .views-view-responsive-grid .views-col {
    width: 100% !important;
    margin-bottom: 2em;
  }
  .views-view-responsive-grid .views-col.clearfix {
    margin-bottom: 0;
  }
  .views-view-responsive-grid .views-col.clearfix .views-row {
    margin-bottom: 2em;
  }
}

.views-view-responsive-grid .views-row {
  clear: both;
  float: left;
  width: 100%;
}

File

css/responsive_views_grid.css
View source 
  1. /* Grid style column align. */

  2. .views-view-responsive-grid .views-col {

  3.   float: left;

  4. }

  5. @media screen and (max-width: 480px) {

  6.   .views-view-responsive-grid .views-col {

  7.     width: 100% !important;

  8.     margin-bottom: 2em;

  9.   }

  10.   .views-view-responsive-grid .views-col.clearfix {

  11.     margin-bottom: 0;

  12.   }

  13.   .views-view-responsive-grid .views-col.clearfix .views-row {

  14.     margin-bottom: 2em;

  15.   }

  16. }

  17. 

  18. .views-view-responsive-grid .views-row {

  19.   clear: both;

  20.   float: left;

  21.   width: 100%;

  22. }