Responsive Flexbox navbar bijna goed

Dit is de Fiddle: https://jsfiddle.net/xz0p1na5/
Het probleem is dat de laatste drie menu items het dropdown menu overschrijven.
De vraag is: hoe vermijd ik dat?

[size=xsmall]Toevoeging op 03/11/2019 16:13:11:[/size]

Bijzonder blijft het, maar vaak wanneer ik een vraag op een forum plaats, vind ik zelf het antwoord.
Ook dit keer weer eenvoudig.
.drop-menu {
display: flex; /* This <ul> tag is also a flex container */
flex-direction: column; /* Direction is now downward */
position: relative; <= Dit was oorspronkelijk: absolute
width: 100%;
}
Nu werkt het wel goed.