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

(Space images automatically; simplify CSS.)
(Add some buffer space between images; center as much as possible.)
Line 6: Line 6:
 
     list-style-type: none;
 
     list-style-type: none;
 
     margin: auto;  
 
     margin: auto;  
 +
}
 +
 +
.rooster > li {
 +
    margin: 0 auto;
 
}
 
}
  
 
.rooster > li > figure {
 
.rooster > li > figure {
 
     margin: 10px auto;
 
     margin: 10px auto;
 +
    padding: 0 5px;
 
}
 
}
  

Revision as of 21:15, 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 { 

   margin: 0 auto;

}

.rooster > li > figure { 

   margin: 10px auto;
   padding: 0 5px;

}

.rooster > li > figure > img { 

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

}

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

}