Commit 99526648 authored by santiaago's avatar santiaago
Browse files

about images are centered for small screens #83

parent 5310cfbe

app/assets/css/about.css

+15 −0
Original line number Diff line number Diff line
@@ -87,3 +87,18 @@ 
	top: 0%;

    }

}



@media (max-width: 767px){

    .about-img{

	width: 150px;

	height:150px;

	display: block;

	margin-left: auto;

	margin-right: auto;

    }

    

    .about--square{

	height: 150px;

    }



}

app/partials/about.html

+3 −3
Original line number Diff line number Diff line
@@ -10,17 +10,17 @@ 
  </div> <!-- / col-md-3 -->

  <div class="col-sm-3 about--square">

    <div class="about-content--margin">

      <img alt="santiago" src="assets/img/santiago.jpg" class="img-responsive img-thumbnail" title="Santiago">

      <img alt="santiago" src="assets/img/santiago.jpg" class="img-responsive img-thumbnail about-img" title="Santiago">

    </div>

  </div> <!-- / col-md-3 -->

  <div class="col-sm-3 about--square">

    <div class="about-content--margin">

      <img alt="remy" src="assets/img/remy.jpg" class="img-responsive img-thumbnail" title="Remy">

      <img alt="remy" src="assets/img/remy.jpg" class="img-responsive img-thumbnail about-img" title="Remy">

    </div>

  </div> <!-- / col-md-3 -->

  <div class="col-sm-3 about--square">

    <div class="about-content--margin">

      <img alt="carmen" src="assets/img/carmen.jpg" class="img-responsive img-thumbnail" title="Carmen">

      <img alt="carmen" src="assets/img/carmen.jpg" class="img-responsive img-thumbnail about-img" title="Carmen">

    </div>

  </div> <!-- / col-md-3 -->

</div>