How can I make a table that contains images render automatically on mobile devices?

I’m trying to render this division: renderthis.html
I want to be able to add an image when the screen is lesser than 400px (mobile).
How can I achieve this?
I want the 4 column table to break down into a 2 column table when the device is a mobile device.
I have tried to use bootstrap - but it didn’t work.\

Kind Regards,
Sayan (a 15-year-old programmer)

you could try whit this i guess
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Or do some Javascript

1 Like

Can you please write some code for the same?

Give me a moment i’ll try to write it on a Codepen

https://codepen.io/JScars/pen/LOaLVO

the code only works once but i think i gave to you an idea about how to start

1 Like