Setting up our project, we'll need access to the Figma design file https://www.figma.com/file/LJ8KC40jSPGR4rgEim2qYC/Chris-Courses---CSS?node-id=1%3A2, and we need to create an html file to work out of.
If you're ever writing a basic HTML webpage, it's very common to write out of a file called index.html which typically represents the homepage of a website.
Once you have your HTML file created, you'll need to start creating some HTML markup. HTML tags are used to identify different pieces of content - some tags possess functional ability (the anchor tag allows you to link to other webpages), while other tags act as grouping tags to organize your content in a way that makes sense for CSS layout (div, span).
We're going to start marking up the header with a simple
<header></header> tag, then go more in-depth to add all of the HTML elements required to start styling the website's header.