Make the Slack Logo with Tailwind CSS

Pubblicato il: 21 gennaio 2021
sul canale di: 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

In questa pagina del sito puoi guardare il video online Make the Slack Logo with Tailwind CSS della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Chris Sev 21 gennaio 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 1,669 volte e gli è piaciuto 94 spettatori. Buona visione!

1,067,219

46K