Template:The King's Law/Guard's Handbook/Advice/styles.css: Difference between revisions
From The Royal Court
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
div.advice-item-container { | |||
flex-direction:column; | |||
} | |||
} | |||
@media screen and (min-width: 851px) { | |||
div.advice-item-container { | div.advice-item-container { | ||
flex-direction:row; | flex-direction:row; | ||
| Line 13: | Line 19: | ||
div.advice-item-container > div { | div.advice-item-container > div { | ||
width:50%; | width:50%; | ||
} | } | ||
} | } | ||
Latest revision as of 20:52, 13 March 2024
div.advice-item-container {
display:flex;
justify-content:center;
align-items:flex-start;
gap:10px;
}
@media screen and (max-width: 850px) {
div.advice-item-container {
flex-direction:column;
}
}
@media screen and (min-width: 851px) {
div.advice-item-container {
flex-direction:row;
}
div.advice-item-container > div {
width:50%;
}
}
