content { display: grid; grid-template-columns: auto; grid-template-rows: 100px auto; grid-template-areas: 'message' 'form'; } form { grid-area: form; display: inline-grid; grid-template-rows: 64px 100px; grid-template-areas: 'source dest' 'submition submition'; } sourcelang { grid-area: source; } destlang { grid-area: dest; } sourcelang, destlang { display: grid; grid-template-rows: 24px 40px;; grid-template-areas: 'label' 'select'; } label { grid-area: label; text-align: center; } /* inspired from https://coderwall.com/p/w7npmq/fully-custom-select-box-simple-css-only */ .form-style { border: 1px solid #ddd; width: 120px; border-radius: 3px; overflow: hidden; /* background: #edf0f2; */ margin: auto; } .form-style select, .form-style input { padding: 5px 8px; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; text-align: center; -webkit-appearance: none; } .form-style select:focus { outline: none; } submit { margin: auto; width: 50%; grid-area: submition; } message { grid-area: message; margin: 0 20px; } sidebar { display: block; } sidebar > ul { padding-inline-start: 0; margin: 40px; display: block; list-style: none; } sidebar > ul >li { font-size: 1.1em; margin: 20px; }