xs (phones), sm (tablets), md (desktops), and lg (larger desktops).
Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs.
Elements that have a set width become wider when they have padding and/or border-width. To avoid these problems, make use of the now common box-sizing: border-box; reset.