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

(Set max width for images.)
(Space images automatically; simplify CSS.)
Line 3: Line 3:
 
     display: flex;
 
     display: flex;
 
     flex-flow: row wrap;
 
     flex-flow: row wrap;
 +
    justify-content: space-between;
 
     list-style-type: none;
 
     list-style-type: none;
−
     margin: 0 auto;  
+
     margin: auto;  
 
}
 
}
  
 
.rooster > li > figure {
 
.rooster > li > figure {
−
    flex: 0.3 1 0;
+
     margin: 10px auto;
−
     margin: 0;
+
 
}
 
}
  
 
.rooster > li > figure > img {
 
.rooster > li > figure > img {
−
     margin: 0 auto;
+
     margin: auto;
 
     max-width: 300px;
 
     max-width: 300px;
 
     min-width: 150px;
 
     min-width: 150px;
−
}
 
−
 
−
.rooster > li > figcaption {
 
−
    margin: auto;
 
−
    text-align: center;
 
 
}
 
}
  

Revision as of 21:02, 17 October 2017

.rooster { 

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

}

.rooster > li > figure { 

   margin: 10px auto;

}

.rooster > li > figure > img { 

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

}

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

}