Make the Slack Logo with Tailwind CSS

Publié le: 21 janvier 2021
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne Make the Slack Logo with Tailwind CSS durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Chris Sev 21 janvier 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,669 fois et il a aimé 94 téléspectateurs. Bon visionnage!

2,666