| Welcome to the independent BOXBOY WIKI! |
|---|
|
After ten years on Fandom, we forked on January 14, 2025. If you have edited the Fandom wiki and would like to reclaim your account, click here. To ensure that you only visit the independent wiki going forward, install the Indie Wiki Buddy browser extension. |
Template:Notice Box/styles.css: Difference between revisions
From BOXBOY WIKI!
Jump to navigationJump to search
SuperHamster (talk | contribs) (Adjustments) |
SuperHamster (talk | contribs) (Vertical centering on image) |
||
| Line 13: | Line 13: | ||
flex: 0 0 auto; | flex: 0 0 auto; | ||
text-align: center; | text-align: center; | ||
margin-top: auto; | |||
margin-bottom: auto; | |||
} | } | ||
Latest revision as of 22:23, 13 January 2025
.notice-box {
display: flex;
gap: 1em;
padding: 1em;
margin-bottom: 4px;
box-sizing: border-box;
background-color: white;
border-radius: 5px;
width: 100%;
}
.notice-box .notice-box-img {
flex: 0 0 auto;
text-align: center;
margin-top: auto;
margin-bottom: auto;
}
.notice-box .notice-box-text {
flex: 1 1 auto;
text-align: center;
}
@media (max-width: 800px) {
.notice-box {
flex-direction: column;
}
.notice-box .notice-box-img {
width: 100%;
}
}
