Tabs represent a fundamental pattern for user interfaces. They’ve been around for a long time, and while they come in all shapes and sizes, their core functionality remains the same.

In this short course, you’ll learn everything you need to know about properly creating tabs. You’ll start with the basic markup and styling, before moving up to making tabs responsive, creating CSS-only solutions. Finally, you’ll learn about the vertical vs. horizontal tabs debate.

Learn CSS: The Complete Guide

We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS.