loading...
Cover image for Let’s Build: With Tailwind CSS – Tweet

Let’s Build: With Tailwind CSS – Tweet

justalever profile image Andy Leverenz Originally published at web-crunch.com on ・2 min read

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.

Posted on by:

justalever profile

Andy Leverenz

@justalever

Product Designer @memberful/@patreon, Blogger/Vlogger @webcrunchblog, Guitarist 🎸 and YouTuber. I enjoy creating products, investing, and playing music. Hello Rails (https://hellorails.io)

Discussion

pic
Editor guide