Is there another way to do layouts other than using. CSS grid and tables

Question

reason i ruled CSS grid out is despite me having IE11 for some reason the the section for css grid is completely ignored currently i am using tables but that gets messy on mobile platform heres the code below check it out on mobile the bills section is the messy part
https://code.sololearn.com/WKbfjH4PkDV1/?ref=app

Answer 1

Hi Brennan

I have knocked up a CSS Grid template with FlexBox for you to use.
I have tested in IE 11 also.
It will show three cols of tables on Desktop with wide screen.
It will shrink to 1 col with three rows on Moble

https://code.sololearn.com/Wo8jsmzMhqj4/#html

Hope it all makes sense and gives you a start.

Try and get of IE11 ASAP though, there is no reason to use it anymore as Edge has good support for both Grid and Flexbox

Answer 2

Oh forgot to say that you can adjust the jump point between the Desktop and mobile on the CSS media query

Answer 3

i think ill just use Screen style reponsive style layouts until i get a better options