User:Aesulus/Vector 2022 banner.css: Difference between revisions
Content added Content deleted
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
Line 1: | Line 1: | ||
.hfw_notice { |
.hfw_notice { |
||
border: solid cornflowerblue; |
border: solid cornflowerblue; |
||
padding: |
padding: 10px; |
||
} |
} |
||
.hfw_notice_content { |
.hfw_notice_content { |
Revision as of 03:34, 25 July 2022
.hfw_notice {
border: solid cornflowerblue;
padding: 10px;
}
.hfw_notice_content {
display: flex;
justify-content: space-between;
gap: 1rem;
}
.hfw_notice_text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.hfw_notice_text_title {
font-weight: bold;
}
.hfw_notice_buttons {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.5rem;
}
@media all and (width <= 450px) {
.hfw_notice_image { display: none; }
.hfw_notice_content {
flex-wrap: wrap;
justify-content: center;
}
.hfw_notice_buttons { flex-direction: row; }
}