Code, CSS, Flexbox, Web Development.
6px 12px; border-bottom: 1px solid #d9d9d9; display: flex; align-items: center; } .brand { padding: 4px 0; } .toggle { display: none; padding: 20px 10px; } .nav-item { flex: 1; display: flex; justify-content: flex-end; } The .toggle has display: none; because it is hidden initially and visible only