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

(Use flexbox to style rooster list.)
(Update rooster styling.)
Line 6: Line 6:
 
}
 
}
  
−
.rooster li div {
+
.rooster > li > figure {
−
     align-items: center;
+
     flex: 0.3 1 0;
−
     display: flex;
+
     margin: 0;
−
     justify-content: center;
+
}
−
     height: 200px;
+
 
 +
.rooster > li > figure > img {
 +
     margin: 0 auto;
 +
     min-width: 200px;
 
}
 
}
  

Revision as of 20:46, 17 October 2017

.rooster { 

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

}

.rooster > li > figure { 

   flex: 0.3 1 0;
   margin: 0;

}

.rooster > li > figure > img { 

   margin: 0 auto;
   min-width: 200px;

}

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

}