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

Posted by Pranay .
Pranay .
11,430 Points

Could Anyone Tell Me What Is The Use Of This Particular Code ??

.grid-container:before,
.grid-container:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

2 Answers

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi,

Not sure really what this is, however it has a slight resemblance to a CSS clearfix. In terms of the classes that it is using I would assume they are clearing floats from the columns in the container.

Craig

Andrew Taylor
Andrew Taylor
11,500 Points
Andrew Taylor
Andrew Taylor
11,500 Points

It looks like CSS code to stop a div collapsing when you use floats. This happens when you have a div with no content that you float.