table and images display incorrectly on mobile in vertical.

[luke_mersh]

Hi guys i have a table with images in it on my front page, but on mobile device when viewed vertically these images are all squashed and distorted.

I know how to adjust this with a custom theme, but i am using Luma, and ideas of how to get the to display correctly in Luma on mobile.

www.rattanvillage.co.uk

many thanks

[theMageComp]

Hello @luke_mersh 

You can try this out, very basic thing but just to give idea on this.

https://www.w3schools.com/howto/howto_css_table_responsive.asp

Or you drop the plan to use a table, and use div tag. Give proper height and width according to screen resolutions using media queries.

[luke_mersh]

is it possible to use bootstrap to display elements?

[luke_mersh]

I dont understand why or how to add addition css to pages.

every time i insert css into a page, it gets removed, grrr!!!

whats going on?

[Rahul Gupta]

@luke_mersh instead of using them in pages, you can create a new custo.css and add it at the last.

For adding css you can use the below link.

https://magento.stackexchange.com/questions/108685/how-to-add-a-custom-css-file-in-magento-2

Thanks