From the course: CSS: Advanced Layouts with Grid

Unlock this course with a free trial

Join today to access over 24,300 courses taught by industry experts.

Overview of the starting point

Overview of the starting point - CSS Tutorial

From the course: CSS: Advanced Layouts with Grid

Overview of the starting point

- [Instructor] As always, when we start this process, let's look at the existing HTML markup and styles that we're using as our base. So here in our document head, we've got two style sheets. The first is generic or base styles that I've used throughout the course, and the second is the specific style sheet to this lesson with some starter styles. Beyond that, we have our opening body tag, our skip link for accessibility, and our header. Then we've got this main element with a class of main area, and this has two top level descendants. The first is this div with the class of intro, and the second is this div with the class of gallery. Within intro, we've got some text and an image, and then within gallery, we've got a couple of images. At the very end of the file, we have our footer. We're not concerning ourselves with the header or footer for this chapter, we're going to be focused on this main element. Let's take a look at the browser and you can see what we've got. I'll open up my…

Contents