HTML width messed up by border

Question

HTML/CSS novice here.

Trying to put into practice what I\'ve learned on Codeacademy and I\'m stuck with an issue where my header which is set to width:100% ends up going

Answer 1

You could use box-sizing: border-box to calculate the width and height of the box including the paddings and borders.

Also, you could use * { box-sizing: border-box } on everything. as suggested by Paul Irish.