How to do a comparison table for mobile design?

[MJR90]

Hi, I’m trying to achieve this design on mobile: https://i.imgur.com/t7RyYmE.jpg

I have it working perfect for the desktop version, but I can’t think of the best way to make a 4 column table like this which is mobile friendly on Pro?

Any tips?

Cheers

[ruenel]

Hello @MJR90,

Thanks for writing in! We do not have any comparison table element that you can use. With the screenshot, you can make it possible by using the HTML table tag. Please check this out:

• https://www.w3schools.com/html/html_tables.asp

If you have a perfect working version for the desktop, you just need to reduce the width so that it will fit. Can you please provide the URL so we can check it?

Regards.

[MJR90]

Hi, yes here is the link -

Summary

http://matthewjroberts.co.uk/merit-umbrella-feature-comparison/

[jade]

Hello @MJR90,

Since you are making use of rows and columns, you just need to adjust the display for the mobile view so that the columns will not collapse in one column on mobile:

Hope this helps.