Template:Main page/sandbox style.css: Difference between revisions
Jump to navigation
Jump to search
(Refactoring flex behavior) |
(Wraps are important) |
||
| Line 7: | Line 7: | ||
} | } | ||
.main-page-content-box { | .main-page-content-box { | ||
background: # | background:#F8EDE3; | ||
margin: 0 1em 1em 0; | margin: 0 1em 1em 0; | ||
padding: 0 1em 1em 1em; | padding: 0 1em 1em 1em; | ||
border: 2px solid # | border: 2px solid #DFD3C3; | ||
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
| Line 17: | Line 17: | ||
justify-content: flex-start; | justify-content: flex-start; | ||
align-items: stretch; | align-items: stretch; | ||
flex-wrap: wrap; | |||
} | } | ||
Revision as of 02:09, 17 July 2024
#main-page-elin > ul {
column-count: 2;
column-fill: balance;
}
#main-page-elin ul > li {
break-inside:avoid-column;
}
.main-page-content-box {
background:#F8EDE3;
margin: 0 1em 1em 0;
padding: 0 1em 1em 1em;
border: 2px solid #DFD3C3;
border-radius: 5px;
}
#main-page-nav {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
