Home page dropdown menu moves on different sized desktop screen

[NikolaKopanic]

Hello Shopify Community!
I am using an 27" monitor and have edited the position of the "categories" dropdown menu on the home page with the code below but i saw that on the 15" the dropdown menu moved a lot and looks awful, is there a way I can make the menu adapt to the screen size and not move around?

.grid .grid__item .site-nav .site-nav__item .site-nav__dropdown{
    width: 11%;
    left: 31.8%;