.new-user-wrapper { .new-user-content-wrapper { // Grid layout width: 100%; display: grid; grid-template-columns: 1fr 5fr; grid-template-rows: auto 1fr; grid-gap: 20px; .user-navigation-secondary { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; display: flex; flex-direction: row; } .user-navigation-secondary ~ .user-content { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; } .user-content { margin-top: 1em; grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .user-additional-controls { align-self: start; justify-self: start; grid-row-start: 2; } } .user-nav-dropdown-list-item { position: relative; } .user-nav-dropdown-submenu-wrapper { position: absolute; top: 2em; min-width: 10em; padding: 0; box-shadow: shadow("dropdown"); z-index: z("dropdown"); } }