Unlock with membership
Buy nowHiding desktop navigation on mobile screens
Use Tailwind's mobile-first responsive utilities to customize the interface on small screens.
21 lessons · 2:29:34
- 1A taste of Tailwind9:08
- 2Scaffolding a multipanel layout7:47
- Making nested panels scrollable4:59
- Customizing colors3:32
- Adding custom fonts6:44
- Building a server selector with SVG5:49
- Transitioning rounded corners4:29
- Styling active links5:08
- Building the active indicator11:23
- Eliminating duplication with components10:05
- Building the server header7:17
- Styling the channel list7:17
- Dynamic categories and channels12:35
- Styling the active channel9:01
- Using a state variable to style unread channels7:28
- Animated collapsible categories4:55
- Controlling layout with truncated text8:25
- Using the forms plugin to style the search box6:01
- Styling dynamic messages with components7:03
- Dynamic server and channel links3:21
- Hiding desktop navigation on mobile screens7:07
Buy this course to access this lesson's summary and source code.
Buy Tailwind Mastery
Buy the course
Get everything in Tailwind Mastery.
- 2+ hours of video
- 21 lessons
- Private Discord
- Summaries with code
- Unlimited access to course materials
Lifetime membership
Get lifetime access to every Build UI course, including Tailwind Mastery, forever.
- Access to all five Build UI courses
- Full access to all future Build UI courses
- Summaries with code
- Video downloads
- Working code demos
- Private Discord
What's included
Stream or download every video
Watch every lesson directly on Build UI, or download them to watch offline at any time.
Live code demos
Access to a live demo of each lesson that runs directly in your browser.
Private Discord
Chat with Sam, Ryan and other Build UI members about the lessons – or anything else you're working on – in our private server.
Video summaries with code snippets
Quickly reference a lesson's material with text summaries and copyable code snippets.
Source code
Each lesson comes with a GitHub repo that includes a diff of the source code.
Invoices and receipts
Get reimbursed from your employer for becoming a better coder!