Chapter 2: Non-equilateral triangle with Tailwind play

[gtsiolis]

I was going through /learn and couldn't help but notice the nudge[1] to add a triangle in /app/page.tsx on Chapter 2 is not equilateral. Any objections on changing the code suggestion?

diff --git a/app/page.tsx b/app/page.tsx
index a8da754..5c71bc0 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -11,7 +11,7 @@ export default function Page() {
       <div className="mt-4 flex grow flex-col gap-4 md:flex-row">
         <div className="flex flex-col justify-center gap-6 rounded-lg bg-gray-50 px-6 py-10 md:w-2/5 md:px-20">
           <div
-            className="h-0 w-0 border-b-[30px] border-l-[20px] border-r-[20px] border-b-black border-l-transparent border-r-transparent"
+            className="relative w-0 h-0 border-l-[15px] border-r-[15px] border-b-[26px] border-l-transparent border-r-transparent border-b-black"
           />
           <p className={`text-xl text-gray-800 md:text-3xl md:leading-normal`}>
             <strong>Welcome to Acme.</strong> This is the example for the{' '}

[leerob]

Thank you! I will update this right now.