responsive: fixed the grid for small screens

2021-03-19 16:08:46 +01:00
parent b4ebb1cf3f
commit 5188b01272
3 changed files with 96 additions and 91 deletions
--- a/web/themes/custom/materiotheme/assets/styles/base/_layout.scss
+++ b/web/themes/custom/materiotheme/assets/styles/base/_layout.scss
@@ -75,11 +75,12 @@ body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
  margin:0 auto;
  $m: $column_goutiere;
  $colw: $column_width;
-  $bp: ($colw + $m) * 2;
-  $i: 2;
+  // $bp: ($colw + $m) * 2;
+  $bp: $colw + $m;
+  $i: 1;
  @while  $bp < 4096px {
    $upbp: $bp + $colw + $m;
-    @if $i == 2 {
+    @if $i == 1 {
      @media only screen and (max-width: $bp) {
        width:$bp;
      }