Make the Slack Logo with Tailwind CSS

Published: 21 January 2021
on channel: Chris Sev

1,669

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-wit...
CodePen: https://codepen.io/chris__sev/pen/QWN...
Tailwind CSS Grid:    • Video

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:   / chris__sev
Kapehe's Twitter:   / kapehe_ok

🐝 Community
Discord:   / discord
Newsletter: https://better.dev#newsletter

On this page of the site you can watch the video online Make the Slack Logo with Tailwind CSS with a duration of hours minute second in good quality, which was uploaded by the user Chris Sev 21 January 2021, share the link with friends and acquaintances, this video has already been watched 1,669 times on youtube and it was liked by 94 viewers. Enjoy your viewing!

2,474

106