Merge pull request #40 from Matheusdoe-dev/dev

Handle with responsiveness bug in small devices
2020-10-28 05:53:57 +11:00
parent b0d1e398a5 2e5620a5bf
commit 2afee54753
1 changed files with 1 additions and 1 deletions
--- a/web/src/components/Parts/Parts.js
+++ b/web/src/components/Parts/Parts.js
@@ -53,7 +53,7 @@ const PartsList = ({ parts }) => {
  }

  return (
-    <div className="max-w-6xl mx-auto grid gap-8 grid-cols-4">
+    <div className="max-w-xs sm:max-w-sm md:max-w-2xl lg:max-w-5xl xl:max-w-6xl mx-auto grid gap-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid- cols-4">
      {parts.map((part) => {
        return (
          <Link