This pen uses a simple input[type="radio"]:checked selector combined with a lot of +'s to style different pages of an imaginary microsite. Here's what we're going to build, in a few large steps: Responsive Tabs Example. with a metropolitan area of over 9 million inhabitants. In this tutorial, we’ll learn how to build a responsive tab component with CSS and a little bit of JavaScript. It is the center of the Greater Tokyo Area, Note that we add a bottom border to the active tab, instead of a background color: If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail: