All the code I copy/paste from your landing page sections seems way oversized, everything looks completely broken when I try to use it.

tailwindlabs / tailwindui-issues

A place to report bugs discovered in Tailwind UI.

234 stars 4 forks source link

All the code I copy/paste from your landing page sections seems way oversized, everything looks completely broken when I try to use it. #1527

Closed stefanlenoach closed 9 months ago

stefanlenoach commented 9 months ago

What component (if applicable)

URL for category: https://tailwindui.com/components/marketing/page-examples/landing-pages
Component name: Landing Page 1

Describe the bug Visually the code does not seem to scale correctly.

To Reproduce Copy/paste the HTML or React code into a new Astro project and view it

Expected behavior Properly scaled landing page elements

Screenshots If applicable, add screenshots to help explain your problem.

Browser/Device (if applicable)

Safari

Additional context

adamwathan commented 9 months ago

Hey! It looks to me like none of your CSS is actually compiling, which makes me think Tailwind CSS hasn't been installed and set up correctly. Make sure you are following the instructions for setting up Tailwind CSS here and see where that gets you:

https://tailwindcss.com/docs/installation

adamwathan commented 9 months ago

Going to close this one as I don't believe this to be a bug in Tailwind UI, but hope my previous comment helps and if you need more help I'd encourage you to join our Discord server where there are lots of folks who are happy to help you figure out what's configured incorrectly 👍