CSS for Responsive Table - Post ID...

User 47216 Photo

Registered User
203 posts

Can anyone help with the following - re-designing a web site for my fire department and the template I utilized is "Mobile Responsive" but tables are not. Anyone have an idea on my best course of action to make a table mobile responsive on this page? https://plumstedfiredistrict.com/new/minutes.html

Looks good on desktop but formatting is lost completely on the mobile version
User 122279 Photo

Senior Advisor
14,283 posts

Can you use one of these? There are two versions of the same, the 'table2' changes the width a bit earlier, maybe it looks better. They are made with simple flex, unstyled apart from a wee bit of padding, and you would have to add the rest of the months yourself. ;)
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com

User 187934 Photo

Senior Advisor
20,077 posts

SD Foundation has them built in.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
User 47216 Photo

Registered User
203 posts

Thanks..... I ended up coming up with
<div class="col-xs-6 col-sm-4 col-md-3">

then using <li> for all sections to get the look I wanted in mobile version without even using the "TABLE"

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.