Fix font sizes on tablet

darbyjack · darbyjack · commit 643ee3b444cf · 2022-03-28T13:29:04.000-05:00
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -99,7 +99,7 @@ function ToolboxCard({
         css={tw`gap-0.5 p-3 rounded-2xl bg-white/10 hover:bg-white/20 text-white hover:cursor-pointer width[15rem] max-w-full break-words min-height[12rem] w-56 block grid grid-cols-1 place-items-center mix-blend-multiply`}
       >
         <FontAwesomeIcon icon={icon} size={"3x"} />
-        <p css={tw`font-bold text-lg`}>{name}</p>
+        <p css={tw`font-bold text-lg md:text-base`}>{name}</p>
         <p css={tw`text-center text-sm`}>{description}</p>
       </div>
     </Link>

Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@ function ToolboxCard({`
`99`	`99`	css={tw`gap-0.5 p-3 rounded-2xl bg-white/10 hover:bg-white/20 text-white hover:cursor-pointer width[15rem] max-w-full break-words min-height[12rem] w-56 block grid grid-cols-1 place-items-center mix-blend-multiply`}
`100`	`100`	`>`
`101`	`101`	`<FontAwesomeIcon icon={icon} size={"3x"} />`
`102`		- <p css={tw`font-bold text-lg`}>{name}</p>
	`102`	+ <p css={tw`font-bold text-lg md:text-base`}>{name}</p>
`103`	`103`	<p css={tw`text-center text-sm`}>{description}</p>
`104`	`104`	`</div>`
`105`	`105`	`</Link>`