July 2017
Intermediate to advanced
300 pages
5h 43m
English
Firstly, we will create a Base directory and place the reset styles in there:
./assets/css/Base/base.css
html { -webkit-font-smoothing: antialiased; } * { box-sizing: border-box; } nav > ul { list-style: none; padding: 0; margin: 0; } body { min-height: 100vh; margin: 0; font-family: Arial; } .is-hidden { display: none !important; }
For HTML scope, we will enable font smoothing for better font rendering.
Then, we will set box sizing of every element (*) in border-box. The default CSS box model is content-box, where width and height set to an element do not include padding and border. However, if we are setting, let's say, a sidebar width 250px, I would expect it to cover this length. With border-box, the ...
Read now
Unlock full access