fixed the max-width of the cards

AmoDinho · AmoDinho · commit 1555b2671015 · 2020-11-18T21:29:03.000+02:00
diff --git a/src/components/cards/StackCard.js b/src/components/cards/StackCard.js
@@ -5,7 +5,7 @@ import BodyOne from "../typography/BodyOne"
 import NewTab from "../../images/launch.svg"
 const StackCard = ({ Title, className, url, linkURL }) => (
   <div
-    className={`${className} cursor-pointer shadow-lg rounded-lg flex flex-col p-10 p- ml-10 h-200 max-w-3xl bg-white`}
+    className={`${className} cursor-pointer shadow-lg rounded-lg flex flex-col p-10 p- ml-10 h-200 max-w-7xl bg-white`}
   >
     <img src={url} alt="card logo" className="h-16 mb-3" />
     <HeadingThree>{Title}</HeadingThree>
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -367,7 +367,9 @@ module.exports = {
       "4xl": "56rem",
       "5xl": "64rem",
       "6xl": "72rem",
+      "7xl": "60%",
       full: "100%",
+
       ...breakpoints(theme("screens")),
     }),
   },

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ import BodyOne from "../typography/BodyOne"`
`5`	`5`	`import NewTab from "../../images/launch.svg"`
`6`	`6`	`const StackCard = ({ Title, className, url, linkURL }) => (`
`7`	`7`	`<div`
`8`		- className={`${className} cursor-pointer shadow-lg rounded-lg flex flex-col p-10 p- ml-10 h-200 max-w-3xl bg-white`}
	`8`	+ className={`${className} cursor-pointer shadow-lg rounded-lg flex flex-col p-10 p- ml-10 h-200 max-w-7xl bg-white`}
`9`	`9`	`>`
`10`	`10`	`<img src={url} alt="card logo" className="h-16 mb-3" />`
`11`	`11`	`<HeadingThree>{Title}</HeadingThree>`