Event items are against each other when viewed on mobile

Hi,
Recently I was advised on this forum to set the responsive display to a 1 horizontal line by entering something in that field.
That works well.
But when I view it on a mobile phone there is no space between the items. They stand against each other.
And in the JEM demo the items are aligned to the top left and in my site they are not
Can I solve both issues with css and if so how?

Please give more details: which template (cassiopeia?) which JEM responsive template style (with empty tablewidth or not / mobile landscape or portrait...)
I can't reproduce

Hi Woody,

thank you for your report: I will check it out.

for a quick fix you can add some css:

add white-space: nowrap; to #jem .jem-event-info

and add
(or take an other breakpoint)

Does this help?

No I'm sorry.
I have added the css but it didn't solved my issue.
You can see it at: marc-alberto dot com

You have to comment out /* flex-wrap: wrap; */ in
And then you need some styling for this view to separate the events from eachother, like e.g in you custom.css file add

or similar

Thanks it is a bit better now.
But do you know if it is possible to start every row akigned top left?
Now it is vertically centered.

And is it possible to use specific width for the columns.
Cause now on a mobile telephone every data in a row starts at a different place which make it a bit messy.