Use CSS Grid for the header container.

The elements still use flex for spacing simplicity.
This commit is contained in:
voussoir 2017-08-01 18:37:25 -07:00
parent f9524a1858
commit e592b55fb1

View file

@ -24,18 +24,12 @@ li
}
#header
{
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr auto;
grid-template-rows: auto;
margin-bottom: 4px;
}
.editor_input
{
width: 100%;
max-width: 800px;
}
.header_element
{
display: flex;
@ -48,6 +42,11 @@ li
{
background-color: #ffffd4;
}
.editor_input
{
width: 100%;
max-width: 800px;
}
.hidden
{
display: none !important;