Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics CSS Layout Project Creating and Styling the Layout Containers

Posted by Amanda Bridge
Amanda Bridge
5,303 Points

Difference between .col and .columns

What is the difference between selecting a div that appears in each column (.col) and selecting the container that holds all of the columns in it (.columns)?

1 Answer

Fatih Hamzah
Fatih Hamzah
8,666 Points
Fatih Hamzah
Fatih Hamzah
8,666 Points

Selecting each of the column would modify each of it. For example, you give each of them a background-color: red;, everyone of them has their own red background-color. But when you selecting the container, you only get one background-color right behind those column.

As for tha class naming like .col or .column, it's all up to you, you don't have to use that particular name. Except you use a CSS Framework that has already a class name for particular use.

Try it yourself and you'll see the difference for sure :) Hope this helps..