DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Let’s Build: With Tailwind CSS – Tweet
Andy Leverenz
Andy Leverenz

Posted on • Originally published at web-crunch.com on

Let’s Build: With Tailwind CSS – Tweet

Kicking off my new Tailwind CSS Let’s Build series I decided to start with a component and what better component than a Tweet on Twitter.

Follow along in the build to see how I’ll use a combination of Tailwind CSS, Twitters UI icons, and some trial and error to create a very similar experience that you see on twitter.com.

I’ll leverage CodePen and the next.tailwindcss.com version of Tailwind CSS. I’ll eventually install and configure Tailwind CSS locally instead of always leveraging a CDN but for quick prototypes and builds such as this one it makes a lot of sense to use.

See the Pen Let's Build: With Tailwind CSS - Tweet by Andy Leverenz (@webcrunchblog) on CodePen.

New to Tailwind?

Check out my first video on how to install the utility-first framework locally using Webpack

The post Let’s Build: With Tailwind CSS – Tweet appeared first on Web-Crunch.

Top comments (0)

DEV

Thank you.

Β 
Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.