Make the Slack Logo with Tailwind CSS

Tailwind CSS lets us create designs and sites quickly. All without a single line of custom CSS! Let's recreate the Slack logo using Tailwind CSS Grid classes. Recreating things across the web make for a good Tailwind tutorial! Article: https://www.better.dev/slack-logo-with-tailwind-css CodePen: https://codepen.io/chris__sev/pen/QWNdoJB Tailwind CSS Grid: https://youtu.be/Y891NBAdtgI 0:00 Introduction 0:19 The Technique 0:48 CodePen 1:31 White Circle 2:14 Inside Divs 3:23 CSS Grid 5:23 Rounded Edges 5:39 Grid Placement 9:24 Final Edges 10:44 Conclusion 😃 Courses Tailwind Beginner Course: https://BeginnerTailwind.com VS Code Course: https://ProductiveVSCode.com Free Emmet Course: https://FasterWithEmmet.com React Course: https://MakeReactApps.com 💙 Social Chris's Twitter: https://twitter.com/chris__sev Kapehe's Twitter: https://twitter.com/kapehe_ok 🐝 Community Discord: https://discord.gg/jzwnuyzfvb Newsletter: https://better.dev#newsletter