how to prevent nav bar rollover when window is smaller

ok so i just started learning css a little over 3 weeks ago and i have to make a webpage for my class (this is highschool so dont judge 😭).

i just figured out how to make a nav bar (probably in more steps than i needed) and my only concern is that it looks ugly when i minimize my window.

is that just something i have to get over or is there a property/attribute/something to prevent that