Clearfix is considered unsemantic.

[MartinMuzatko]

Hi there!

Using clear or clearfix as float containment rule name is not really todays best practice.
http://colinaarts.com/articles/float-containment/
http://css-tricks.com/snippets/css/clear-fix/
"group" class name is nicer and more semantic (via Dan Cederholm). Content property doesn't even need the space, can be empty string (via Nicolas Gallagher). Without any text, font-size is un-needed (Chris Coyier).

Besides, you could actually implement the clearfix in the .grid
Maybe take a look on this example https://github.com/MartinMuzatko/WebKick/blob/framework/css/layout.css

Please let me know if this is either accurate or not.

[aekaplan]

Hi Martin,

Correct! I actually use Sass but wanted Grid to be accessible to beginners. I use @extend:

%clearfix {
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

.container-with-floated-children {
  @extend %clearfix;
}