Commit 77e14f80 authored by Pietro Saccardi's avatar Pietro Saccardi
Browse files

Responsive images in sede.

parent 5dff0608

content/sede/contents+en.lr

+3 −3
Original line number Diff line number Diff line
@@ -2,9 +2,9 @@ title: Piazza della Libertà 
---

body:



<div class="row mb-4 col-md-8 mx-auto">

<img class="img-fluid col-6" src="ingresso_laterale.jpg" width="400px" alt="Ingresso laterale">

<img class="img-fluid col-6" src="ingresso.jpg" width="400px" alt="Ingresso principale">

<div class="text-center float-xl-right">

    <img src="ingresso_laterale.jpg" alt="Side entrance" class="img-flowing rounded m-1">

    <img src="ingresso.jpg" alt="Main entrance" class="img-flowing rounded m-1">

</div>



Our base is in Piazza della Libertà 5/B, in the ZKB Starter's rooms, an initiative organized by ZKB Bank for startups. In the building we have two offices, one for 3D printing and electronics, and another one with computers and books, where chat is welcome.

content/sede/contents.lr

+3 −3
Original line number Diff line number Diff line
@@ -2,9 +2,9 @@ title: Piazza della Libertà 
---

body:



<div class="row mb-4 col-md-8 mx-auto">

<img class="img-fluid col-6" src="ingresso_laterale.jpg" width="400px" alt="Ingresso laterale">

<img class="img-fluid col-6" src="ingresso.jpg" width="400px" alt="Ingresso principale">

<div class="text-center float-xl-right">

    <img src="ingresso_laterale.jpg" alt="Ingresso laterale" class="img-flowing rounded m-1">

    <img src="ingresso.jpg" alt="Ingresso principale" class="img-flowing rounded m-1">

</div>



La nostra sede è in piazza della Libertà 5/B, negli spazi di ZKB Starter, iniziativa della Banca ZKB per startup. All'interno abbiamo due uffici, uno per stampa 3D ed elettronica, l'altro con computer e libri dove si può chiacchierare tranquillamente.

webpack/scss/mlab.scss

+34 −0
Original line number Diff line number Diff line
@@ -155,6 +155,13 @@ html, body { 
      position: fixed;

      @include _pos-top-left;

    }



    .float#{$infix}-right {

      float: right !important;

    }

    .float#{$infix}-left {

      float: left !important;

    }

  }

}
@@ -168,3 +175,30 @@ html, body { 
    min-width: 20rem;

  }

}







.img-flowing {

  // This must come before the media breakpoints

  width: 20rem;

}



@include media-breakpoint-down(md) {

  .img-flowing {

    width: auto;

    max-width: 33%;

  }

}



@include media-breakpoint-down(lg) {

  .img-flowing {

    width: 10rem;

  }

}





@include media-breakpoint-down(xl) {

  .img-flowing {

    width: 15rem;

  }

}
 
 No newline at end of file