Hackernoon logoAn Essential Guide to Adding TailwindCSS to your Hugo Site by@divrhino

An Essential Guide to Adding TailwindCSS to your Hugo Site

Tailwind is a utility CSS library that has been gaining a lot of popularity in the past few years. With Tailwind, you can build your sites faster because you won't be jumping between HTML and CSS all the time. To follow along with this tutorial, you will need to have Hugo and NodeJS installed. The tailwind CSS library is a library of utility classes to help us build unique custom layouts without doing too much. We will also need a main styles.scss file for both Postcss and tailwind.
image
Div Rhino Hacker Noon profile picture

@divrhinoDiv Rhino

Creating fun and interesting project-based tutorials. Find Div Rhino on YouTube for video tutorials!

Div Rhino Hacker Noon profile picture
by Div Rhino @divrhino. Creating fun and interesting project-based tutorials. Find Div Rhino on YouTube for video tutorials!Read my stories

Tags

Join Hacker Noon

Create your free account to unlock your custom reading experience.