[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"learn-tip-post-make-sure-your-header-is-not-too-big":3},{"_id":4,"content":5,"title":6,"slug_history":7,"slug":8,"postDate":9,"image":10,"categories":11},"5eafbcabd25dca12aa1bb484","\u003Cp>I’ve seen sites with headers that can take up a third or even half of the screen. Obviously, this is way too large. It pushes the rest of the site down and makes the whole page feel crowded. \u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Cp>Headers are nearly page-wide, but not very tall. Make sure you keep this in mind when designing your page. A common guideline is to not make your header more than 200-300 pixels tall. Your header serves as exactly that, the head of your page. Make sure it does that, but not more than that. \u003C\u002Fp>","Make sure your header is not too big",[8],"make-sure-your-header-is-not-too-big","2020-05-04T06:56:41.068Z","components\u002F1588575433235_bigheaderpng",[12],"header"]