Difference between revisions of "Template:ETH Zurich/members css"

(Specify flex flow.)
(Set max width for images.)
Line 14: Line 14:
 
.rooster > li > figure > img {
 
.rooster > li > figure > img {
 
     margin: 0 auto;
 
     margin: 0 auto;
−
     min-width: 200px;
+
    max-width: 300px;
 +
     min-width: 150px;
 +
}
 +
 
 +
.rooster > li > figcaption {
 +
    margin: auto;
 +
    text-align: center;
 
}
 
}
  

Revision as of 20:58, 17 October 2017

.rooster { 

   color: var(--dark-gray);
   display: flex;
   flex-flow: row wrap;
   list-style-type: none;
   margin: 0 auto;

}

.rooster > li > figure { 

   flex: 0.3 1 0;
   margin: 0;

}

.rooster > li > figure > img { 

   margin: 0 auto;
   max-width: 300px;
   min-width: 150px;

}

.rooster > li > figcaption { 

   margin: auto;
   text-align: center;

}

  1. address {
   flex: 0 1 auto;
   font-size: small;
   font-style: normal;

}