Below is a very simple CSS reset that I use on all of my projects.
max-width: 100% !important;
height: auto !important;
With these complex frameworks you see such as Twitter Bootsrap, HTML5 Boilerplate I find I am always having to take time to override their styles and hack the stylesheet provided.
Setting box sizing to border box also forces padding and borders inside the elements. This is rather than the outside that browsers default to so fluid layouts don’t break, making it far easier to craft complex fluid designs.
You can extend the CSS reset further to your own needs such as giving form input elements a max-width of 100% or removing the bullets from lists but that is more project specific so not included inside this simple CSS reset.Posted in Best practices, CSS | No comments