From the course: Building a Responsive Single-Page Design with PostCSS
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
HTML markup for the single-page design
From the course: Building a Responsive Single-Page Design with PostCSS
HTML markup for the single-page design
- Before we go through our workflow, let's take a look at the markup we're using for this project. Now we're not going to be typing any HTML so it's important that we look at what we already have. Now to get started with working with a branch called start, so if you're not already in this branch, make sure that you switch to it. Now to do that, I'm going to make sure that I'm in the project folder, so I'll do a pwd, and I am in the Desktop, in the postcsslayouts folder, and I'm going to go ahead and issue the git checkout and start command. Now, if you go back into the project, we can take a look at the style.css document and see that it is in the finished state of this project, and now we know that all this is looking like what it will at the end of this course. Let's go back into the index.html file, and take a look at what we've already done. Now first, I have a standard head section with a title as well as a link tag that links to the only CSS file that we're going to use for this…