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..