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. | div.advice-item-container { | ||
flex-direction:row; | flex-direction:row; | ||
} | |||
div.advice-item-container > div { | |||
width:50%; | |||
} | } | ||
} | } | ||
@media screen and (min-width: 851px) { | @media screen and (min-width: 851px) { | ||
div. | div.advice-item-container { | ||
flex-direction:column; | flex-direction:column; | ||
} | } | ||
} | } | ||
Revision as of 20:51, 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:row;
}
div.advice-item-container > div {
width:50%;
}
}
@media screen and (min-width: 851px) {
div.advice-item-container {
flex-direction:column;
}
}
