#entry-form { display: flex; flex-wrap: wrap; } #entry-wrapper { flex-grow: 1; width: calc(100% - 19em); @media screen and (max-width: $xl-screen) { width: 100%; } } #entry-content { margin-left: 0; padding-right: 3em; @media screen and (max-width: $xs-screen) { padding-right: 1em; } } #entry-sidebar { display: flex; flex-wrap: wrap; flex-direction: column; @media screen and (max-width: $xl-screen) { flex-direction: row; } @media screen and (max-width: $xs-screen) { padding-right: 1em; } h4 { font-size: 1.08em; margin-top: .3em; border-bottom: 1px solid $ternary-color; } select { width: 100%; } input#post_position { width: 4em; } } .sb-box { width: 18em; margin-bottom: 1em; margin-right: 1em; padding: .5em 1em; background-color: $secondary-background; } #tb_excerpt { width: 100%; }