YouTip

# Foundation Grid - Small Devices Assume we have a simple grid layout on small devices, with two columns, and a width ratio of 25% and 75%. **Tip:** Small devices are defined as screens smaller than `40.0625em`. On small devices, we use the `.small-*` class. The following example sets two columns with a ratio of 25% and 75% (Foundation is mobile-first: if not specifically stated, it will inherit the code of the .small class on large devices): `.small` in them and use those". ### Example [Try it »](#) |  | **Note:** Make sure the columns add up to 12 columns! | | --- | If you need to set