Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
.botc-example > :last-child { | .botc-example > :last-child { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | |||
.character-info { | |||
display: flex; | |||
gap: 2em; | |||
align-items: flex-start; | |||
} | |||
.character-info > div { | |||
flex: 1; | |||
} | |||
@media (max-width: 1000px) { | |||
.character-info { | |||
flex-direction: column; | |||
gap: 0; | |||
} | |||
.character-info > div { | |||
width: 100%; | |||
} | |||
} | } | ||
Latest revision as of 12:06, 29 June 2026
.botc-example {
width: 36em;
max-width: 90%;
margin: 1em auto;
padding: 0.75em 1em;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-radius: 6px;
box-sizing: border-box;
line-height: 1.5;
}
.botc-example > :first-child {
margin-top: 0;
}
.botc-example > :last-child {
margin-bottom: 0;
}
.character-info {
display: flex;
gap: 2em;
align-items: flex-start;
}
.character-info > div {
flex: 1;
}
@media (max-width: 1000px) {
.character-info {
flex-direction: column;
gap: 0;
}
.character-info > div {
width: 100%;
}
}
