Make the Slack Logo with Tailwind CSS

Publicado el: 21 enero 2021
en el canal de: 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

En esta página del sitio puede ver el video en línea Make the Slack Logo with Tailwind CSS de Duración hora minuto segunda en buena calidad , que subió el usuario Chris Sev 21 enero 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 1,669 veces y le gustó 94 a los espectadores. Disfruta viendo!

1,067,219

46K