Copied that line to the top of my css sheet and suddenly all align and sizes problems are almost fixed; what kind of magic is this? have no idea of what this piece of code means or does! Can someone pls explain a bit or share any related link to read?
by default the sizing is content box. This means that margin, border and padding are not included when you specify the width. Alot of people switch it box-sizing border-box because it means you dont have to calculate the the real width. The width is the real width.
alot of people start with the following settings:
It means that the width you say the box should be, is its true size. The star means apply to all children.