CSS for Responsive Table - Post ID...

User 47216 Photo


Registered User
194 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
13,484 posts
Online Now

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. ;)
Attachments:
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
19,477 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)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 47216 Photo


Registered User
194 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.