Make the Slack Logo with Tailwind CSS

Опубликовано: 21 Январь 2021
на канале: Chris Sev
1,640
95

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


Смотрите видео Make the Slack Logo with Tailwind CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chris Sev 21 Январь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,640 раз и оно понравилось 95 людям.