Witaj
https://codepen.io/hello-michal/pen/RmaEOv
#h2 było elementem blokowym(domyślnie display: block), jeżeli coś jest elementem blokowym to inne elementy będą układać się pod nim(tak się działo z menu), gdy zmieniłem display na inline-block to #h2 nadal było blokiem(można mu było nadać wysokość szerokość itp) ale układającym się liniowo czyli inne elementy będą nie pod nim a obok niego
Materiały na ten temat
https://www.youtube.com/watch?v=dL-_uVvbMU8
https://developer.mozilla.org/pl/docs/Web/CSS/display
Tak na marginesie, fajnie że chcesz się uczyć, ale Twój kod jest mega niepoukładany, ponadto masz tendencje do nadużywania divów - https://youtu.be/8Us9atGDQH4?t=374 posłuchaj tego, stylujesz po id, przez te mankamenty forumowicze nie chętnie Ci pomagali, ceni się, że kodzisz, jednak radziłbym Ci się zatrzymać, poukładać to trochę, znaleźć jakiś kurs, przerobić go całego ze zrozumieniem, dobre zrozumienie i poukładanie informacji na starcie dużo da w przyszłości ;)
Pozdrawiam