Introducing Neat Mixins

Now, it's finally time to add our first own lines of Sass: a new "_layout.scss" file in our main "scss" folder will host our custom styles. Don't forget to import it on the bottom of our main styles.scss:

/***** Custom Layout Styles *****/
@import "layout";

Here, we finally make use of our first Neat mixin grid-container():

/************ General Page Elements */
.row-wrapper {

  .grid-container {
    @include grid-container();
    max-width: 1044px;
    margin: 0px auto;

_layout.scss on GitHub

grid-container marks items that contain our columns. It adds a simple clearfix, which is necessary because Neat columns are floated.

Get our popular Git Cheat Sheet for free!

About Us

As the makers of Tower, the best Git client for Mac and Windows, we help over 100,000 users in companies like Apple, Google, Amazon, Twitter, and Ebay get the most out of Git.

Just like with Tower, our mission with this platform is to help people become better professionals.

That's why we provide our guides, videos, and cheat sheets (about version control with Git and lots of other topics) for free.