Same pattern also on the lesson selection screen. Here I used the card component to render each individual lesson. We can still improve this page a lot I think – but for a first release it should do the job.
The upper case text, the huge font and the spacing make it a bit difficult to render all the information. Hiding the overflow plus using ellipsis is a typical approach but it doesn’t really help the user.
Besides I haven’t changed the logic by any means. It’s just listing the lessons. The actual training part will be a bit more work. 🙂