Merge pull request #154 from georgiabains/responsive-update

Fix #146 - updated CSS to make the table copy responsive
Bloggify · Feb 27, 2024 · cb8a39f · cb8a39f
2 parents 76bbf98 + 9a95f9e
commit cb8a39f
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/dist/github-calendar-responsive.css b/dist/github-calendar-responsive.css
@@ -90,6 +90,7 @@ rect.ContributionCalendar-day[data-level='4'] {
 }
 
 .table-column {
+    box-sizing: border-box;
     display: table-cell;
     width: 1%;
     padding-right: 10px;
@@ -192,3 +193,10 @@ text.ContributionCalendar-label {
     fill: #ccc;
     font-size: 11px;
 }
+
+@media screen and (max-width: 768px) {
+    .table-column {
+        display: block;
+        width: 100%;
+    }
+}