Okay, I’m not sure how it did it. But when I copied and placed this code from somewhereit doesn’t give me two columns but rather stretches the calendar full screen. And as I reduce the width of the browser window it adjusts to fit.
I like this a lot.
When I select a Service the calendar becomes active as it should. When I select a date the available times appear just as they should.
When I select a time it jumps down to the Personal Information.
What I would like to seek, is in Desktop mode that the Personal Information and the Booking Overview could be set side-by-side instead of stacked. There seems to be plenty of space even on my 15in MacBook Pro.
Of course on mobile they would be stacked as they should.