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/*/ | ||
− | + | ||
.flexbox{ | .flexbox{ | ||
display: flex; | display: flex; | ||
Line 297: | Line 297: | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
− | |||
− | |||
/* 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