Commentary
            These are common helpers that force a width on an element.  These are useful to provide controls for images
                and other elements that do not have an intrinsic size.
            
        
        
            Usage
            
                
                | Classes: | 
                
                
                
                    | Fixed widths | 
                    .has-width-1rem, .has-width-2rem, .has-width-3rem,
                        .has-width-4rem, .has-width-5rem, .has-width-6rem,
                        .has-width-7rem, .has-width-8rem, .has-width-10rem,
                        .has-width-15rem, .has-width-20rem, .has-width-25rem,
                        .has-width-30rem, .has-width-40rem | 
                
                
                    | Responsive widths | 
                    .has-max-width-1rem, .has-max-width-2rem, .has-max-width-3rem,
                        .has-max-width-4rem, .has-max-width-5rem, .has-max-width-6rem,
                        .has-max-width-7rem, .has-max-width-8rem, .has-max-width-10rem,
                        .has-max-width-15rem, .has-max-width-20rem, .has-max-width-25rem,
                        .has-max-width-30rem, .has-max-width-40rem | 
                
                
                    | Relative % widths | 
                    .width-25, .width-33, .width-50,
                        .width-75, .width-full  | 
                
                
            
            
                
                | Dependencies: | 
                
                
                
                    | File:  | 
                    widths.css | 
                
                
                    | Variables: | 
                    none |