/Tea_Landing

A Tailwind CSS static landing page for a bubble tea shop.

Primary LanguageHTML

Tailwind Tea Landing Page GitHub version doc GitHub last commit

Checkout the Live Version of the Project!

A Tailwind CSS focused project which utilizes only Tailwind to style a static landing page.

Installations

  • Link Tailwind CDN to HTML.
  • You can also install Tailwind as a npm package.
  • VS Code autocompletion classes are available - install Tailwind CSS IntelliSense, or view classes on the Tailwind documentation.

Notes

  • No custom CSS required; classes can be written inline.
  • To apply to a CSS stylesheet, simply use @apply. See documentation here.

Apply Directly into Classes

  • Flexbox: class="flex justify-between items-center"

  • Hover: class="hover:text-green-100"

  • Transitions: class="transition ease-in duration-150

  • Media Queries: class="md:flex"

Credits

Contributors

Dany Chheang dany.chheang@gmail.com