NBCU UX Code Test

Welcome to the NBCU UX css code test. To complete this test, you must code up a responsive website using HTML/CSS/Javascript. You will be given screenshots for multiple screen sizes and all of the assets.

You will use JSFiddle to complete the test. Please follow the instructions below.

Final Results

Desktop

Tablet

Phone

Instructions

1. Go to https://jsfiddle.net/azwier/ds2zyr7v/.
2. In the header menu, click fork to create your own copy of the base fiddle.
3. Insert your HTML/CSS/Javascript in the approriate panels, and click "Run" to view your website.
4. When you are happy with your site and ready to finish, click update and copy the URL.
5. Fill out the form below and submit. Also send a link directly to mina.azimov@nbcuni.com

Brief

Header

There will be a global navigation. The links on the navigation do not need to work for this test.

When the broswer window size goes down to 600px, the header items should fold into a nav menu that opens/closes with a hamburger icon.

As per this video, the hamburger icon should turn turn into an 'X' icon when opened.

NICE-TO-HAVE

The header can be sticky on the top of the page, as per the video. This is a feature that is nice to have, but not required.

Content