Fix colour swatches on small screens (#2350)

Co-authored-by: Paweł Kuna <[email protected]>

.changeset/poor-spoons-deny.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": "patch"
+---
+
+Fix colour swatches on small screens

shared/includes/docs/colors.html

@@ -1,7 +1,7 @@
-<div class="row g-4">
+<div class="row row-cols-4 row-cols-md-6 g-3 g-md-4">
 	{%- for color in include.colors -%}
-	<div class="col-2 text-center">
-		<div class="p-6 rounded border" style="background-color: {{ color[1].hex }}"></div>
+	<div class="col text-center">
+		<div class="p-5 p-md-6 rounded border" style="background-color: {{ color[1].hex }}"></div>
 		<div class="small">{{ color[1].title }}</div>
 	</div>
 	{% endfor -%}