.book-menu-content nav{ display: flex; flex-direction: column; height: 99%; } .book-menu-top { margin-top: -2rem; } .book-menu-mid { flex-grow: 1; } .info-container { background-color: var(--gray-100); position: relative; min-width: 30rem; bottom: 0; left: 0; right: 0; } .commit-info { font-size: 0.8rem; margin: 1rem; } .commit-info { text-align: left; } .disclaimer { float: left; font-size: 0.9rem; margin: 1rem; } #personal { width: 50%; min-width: 40px; max-width: 550px; float: right; padding: 10px; display: block; } @media only screen and (max-width : 575px) { #personal { min-width: 40px; max-width: 180px; float: center; padding: 0px 0px 0px 0px; display: block; } }