Template:The King's Law/Guard's Handbook/Advice/styles.css: Difference between revisions
From The Royal Court
(Created page with "div.advice-item-container { display:flex; justify-content:center; align-items:flex-start; gap:10px; } @media screen and (max-width: 850px) { div.width-container { flex-direction:row; } } @media screen and (min-width: 851px) { div.width-container { flex-direction:column; } }") |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
div. | div.advice-item-container { | ||
flex-direction: | flex-direction:column; | ||
} | } | ||
} | } | ||
@media screen and (min-width: 851px) { | @media screen and (min-width: 851px) { | ||
div. | div.advice-item-container { | ||
flex-direction: | flex-direction:row; | ||
} | |||
div.advice-item-container > div { | |||
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%;
}
}
