dropdown goes offscreen

[WingsDevelopment]

besides no automatic changing classes from "dropdown" to dropdown so i was wondering is there a clean way to change class from just "dropdown" to "dropdown dropdown-end" for example.

is there at least a way to implement something like "dropdown dropdown-start md:dropdown-end" ? and make my dropdown behave in some other way in different devices?

I guess what i try to achieve is: @media (max-width: 640px) { .mobile-dropdown-end { @apply dropdown-end; } } but with tailwind..