Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won

  1. @BrandonW: Thanks for your reply! I did use a similar approach and here's the code that worked: @media screen and (min-width: 30em) { .column { display: table-cell; width: 33%; border-right: 1px solid white; } @media screen and (min-width: 20em) and (max-width: 30em) { .column { display:table-row; width: 100%; }
  2. I would like to create a responsive div table on my website. Here is the code I'm currently using: <style type="text/css"> .table { display: table; background-color: #fb782d; } .row { display: table-row; width: 100%; } .column { display: table-cell; vertical-align: middle; text-align: center; padding: 20px; width: 20%; border-right: 1px solid white; } .row a { color: #fff !important; } .row a:hover { color: #363636 !important; } </style> <div class="table"style="width:100%"> <div class="row"> <div class="column"><a href="#pharma">Pharmaceuticals</a></div> <div class="column"><a href="#med">Medical Devices & Diagnostics</a></div> <div class="column"><a href="#health">Consumer Health & Over-the-counter (OTC)</a></div> <div class="column"><a href="#logistics">Pharma Asia-Hub Logistics</a></div> <div class="column"><a href="#sol">Specialised Solutions</a></div> </div> </div> Does anyone have any advise? Thanks!
  3. I'm not very sure if your template is working differently than the templates I've worked with but using id that is "#collection-..." doesn't work for me. Try using classes and well defined IDs (like #header, #content-wrapper, #content etc). I think that IDs like "#collection-..." are generated at runtime by squarespace framework. I hope this helps.
  • Create New...