Task: We'll be making a webpage responsive.

Going forward, you should always include a navigation bar and a footer in your webpages.

Content $(2$ webpages$)$

Home Page

Should contain a splash screen that displays "Welcome to this cool website".

Should have a content container that holds $2$ "lorem ipsum..." paragraphs.

Should have a "Learn More" section where when you click on "Learn More" and it takes you to the About Page.

About Page

Should have four blocks of content. Each block of content has a "lorem ipsum..." paragraph and a different image for each block.

When your browser has a width of $800$px or less:

Content blocks should have a width of $100\%.$

Content blocks should be stacked vertically.

Paragraphs on the Home Page should be stacked on top of each other.

When your browser has a width of $800$px or more:

Content blocks should have a width of $250$px$.$

Content blocks should be spaced apart with a margin of $8$px or more between each other.

Content blocks should go to separate lines if needed.

Paragraphs on the Home Page should be side by side with a margin of $8$px or more between each other.