Foundation has many ways to use mixins within Sass. You can just write your own, as we did previously, and include them in your SCSS, or you can take many of the Foundation components and build your own custom components. When you combine your own Sass, mixins, media queries, and Foundation components, you can pretty much do anything you like layout- and theme-wise. This is what makes Foundation the most advanced responsive framework.

When you think of mobile first and start to get into Sass and mixins, you will start to put the bare minimum on the screen on mobile, and then, as the screen size gets bigger, you might decide to add more polish to certain elements. For example, you might round the corners, add a gradient, and give the text a shadow on a button when it is on a desktop. You have the ability to only add custom SCSS on different screen sizes. This level of customization can allow you to control every aspect of your project for any resolution...