Responsive UI Pattern for selecting from a list of exact values greater than 5?
I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these phases can exceed 4 or 5, i'm hesitant to make a tab ui because of tricky mobile usability. And I don't want to use a slider ui because the "pre-op" phase is distinct from the other numeric values which complicates things, plus our users are generally very old and tend to only understand very simple interactions.
Any ideas for an optimal UI pattern here? Is a dropdown a necessary evil?
Would really appreciate any feedback or insight you might have, thanks!