chicagoing

UI Challenge: Develop a tabbed user interface (60 minutes total)

Go to https://codepen.io/chicagoing/pen/QWORrKp and fork the example. Share your screen via Zoom so your interviewer can pair with you. If, for whatever reason, the Pen is having trouble, you can create a new one by dropping the code below into a new Pen and share it with your interviewer.

You're allowed to look up JavaScript, CSS, and HTML documentation -- this is an open book exercise.

Part 1. Update the static HTML/CSS (~10 minutes)

Take the HTML and CSS provided in the Pen (or copied into the Pen from below), and make the tabbed interface look like this to the best of your ability:

chicagoing

# Show what will be deleted by using the -n option:
git clean -f -n
# Delete the untracked files
git clean -f

chicagoing

# Squash all the changes in a branch
git merge --squash branch-to-merge

# Squash last 2 commits
git reset --soft HEAD~2 && git commit --edit -m "Message"

# Squash last 3 commits
git reset --soft HEAD~3 && git commit --edit -m "Message"

chicagoing

# Delete and reset up master branch
git branch -D master
git branch --track master upstream/master