Make a Form Element Fill It's Parent

When working with grids the issue you might sometime run into is getting the form input to fill but not exceed it's parent's width. This is usually a problem when you have horizontal padding on the input field. This is a very easy issue to solve for modern browsers.


.column {
    display: block;
    width: 80%;
}

.column input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    // add browser prefixed box-sizing attributes
}