Rework blog post

Author: adamwathan

src/pages/tailwindcss-from-zero-to-production/card.jpg

@@ -0,0 +1,45 @@
+import { simonswiss } from '@/authors'
+import image from './card.jpg'
+
+export const meta = {
+  title: `"Tailwind CSS: From Zero to Production" on YouTube`,
+  description: `Today we're excited to release Tailwind CSS: From Zero to Production, a new screencast series that teaches you everything you need to know to go from zero to production with Tailwind CSS v2.0.`,
+  date: '2021-02-16:00:00.000Z',
+  authors: [simonswiss],
+  image,
+  footer: `
+    <p>
+      What are you waiting for?
+      <a href="https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1" class="font-medium text-teal-500 hover:text-teal-600">
+        Start watching →
+      </a>
+    </p>
+  `,
+}
+
+Today we're excited to release [Tailwind CSS: From Zero to Production](https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1), a new screencast series that teaches you everything you need to know to get up and running with Tailwind CSS v2.0 from scratch.
+
+<!--more-->
+
+<div className="relative pb-9/16">
+  <iframe
+    className="absolute inset-0 h-full w-full"
+    src="https://www.youtube.com/embed/elgqxmdVms8"
+    frameBorder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+  ></iframe>
+</div>
+
+It's an eight-part series totaling 1.5 hours of content, and walks you through everything from the initial setup process, to building out a responsive design with utility classes, to customizing your design system, to optimizing for production with PurgeCSS.
+
+1. [Setting Up Tailwind CSS](https://www.youtube.com/watch?v=qYgogv4R8zg)
+2. [The Utility-First Workflow](https://www.youtube.com/watch?v=UvF56fPGVt4)
+3. [Responsive Design](https://www.youtube.com/watch?v=hX1zUdj4Dw4)
+4. [Hover, Focus and Other States](://www.youtube.com/watch?v=5_BPDve5-3M)
+5. [Composing Utilities with @apply](https://www.youtube.com/watch?v=TrftauE2Vyk)
+6. [Extracting Reusable Components](://www.youtube.com/watch?v=v-mkUxhaFVA)
+7. [Customizing Your Design System](https://www.youtube.com/watch?v=0l0Gx8gWPHk)
+8. [Optimizing for Production](https://www.youtube.com/watch?v=HZn2LtBT59w)
+
+Watch the series [on YouTube](https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1) and [grab the source code](https://github.com/tailwindlabs/tailwindcss-from-zero-to-production) for each lesson on GitHub.