CSS - background block at top of page

Hi all

I have a demo here

I basically need to have a page like the grey area with a coloured block like the red area at the top of the page.

I have it sort of working here but its with putting a negative margin on the page area to float it on top of the red area.

I need to have the page at the top of the window and have a full with block behind it .

Whats the best way to achieve this.

Hi there RachelR,

your codepen…

…seems to be lacking something. :eek:

I think it’s called code. :rofl:


Sorry, I have updated it

Hi there RachelR,

I’ve forked the little bugger. :biggrin: