fix css theme conflict

assets/css/custom.css

@@ -189,6 +189,12 @@
   background-color: var(--color-primary-700) !important
 }
 
+@media (min-width: 640px) {
+  .sm\:flex-row {
+    flex-direction: row
+  }
+}
+
 @media (min-width: 768px) {
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr))

tailwind.config.js

@@ -7,6 +7,9 @@ module.exports = {
     "./layouts/**/*.html",
     "./content/**/*.{html,md}",
   ],
+  safelist: [
+    'sm:flex-row',
+  ],
   darkMode: "class",
   theme: {
     colors: {