Order of table on mobile vs desktop breakpoint

Hi,

I was wondering if someone could possibly lend some advice. It’s probably a stupidly easy answer but I can’t seem to put my finger on the answer.

I have a table on the Packages page - on Desktop the order of the table is correct:

  1. Radio Single Release Campaign
  2. Radio and Press Single Release Premium Campaign
  3. Radio and Press Album Release Premium Campaign

However on mobile, the order is:

  1. Radio Single Release Campaign
  2. Radio and Press Album Release Premium Campaign
  3. Radio and Press Single Release Premium Campaign

How can I fix this? Here is the read only link:

https://preview.webflow.com/preview/obsidianpr?utm_medium=preview_link&utm_source=designer&utm_content=obsidianpr&preview=01960773a8e49d10d2a593f4cc15d61b&pageId=60cd014d08b297b4711d6d89&workflow=preview

Thanks,
Archie.

hi @archieg you need to reset these settings as you force the element to position 9999

Anyway as your elements on smaller screens sit under each other this means they have standard position flow. So you can set the element instead grid to be block and ser margins on the bottom.

Your choice :wink: