Difference between revisions of "Template:Freiburg/CSS"

Line 284: Line 284:
  
 
/* see: https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/
 
/* see: https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/
.image_box,
+
 
 
.flexbox{
 
.flexbox{
 
     display: flex;
 
     display: flex;
Line 297: Line 297:
 
   margin: 0 auto;
 
   margin: 0 auto;
 
}
 
}
 
@media screen and (min-width: 450px){
 
  
 
/* contains images where text shall float around */
 
/* contains images where text shall float around */
Line 316: Line 314:
 
     float: right;
 
     float: right;
 
     margin-left: 3%
 
     margin-left: 3%
 +
}
 +
 +
@media screen and (max-width: 450px){
 +
 +
.image_box{
 +
    display: flex;
 +
    margin: 5% 0;
 +
    justify-content: space-around;
 +
    flex-wrap: wrap;
 +
    align-content: center;
 +
    font-size: 70%;
 +
    padding: 0 10px;
 +
    text-align: justify;
 
}
 
}
  

Revision as of 14:40, 16 September 2015