From the course: CSS: Advanced Layouts with Grid

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Overview of the starting point

Overview of the starting point - CSS Tutorial

From the course: CSS: Advanced Layouts with Grid

Start my 1-month free trial

Overview of the starting point

“

- [Instructor] In the exercise files for this movie you will find the baseline HTML document and styles for our full bleed, single column layout. Looking at inex.html you'll see this is a very standard HTML document. We start out with a Body with a class="site". Then we have a skip to content link, which is required for accessibility. Then there's a header with a class="masthead", that displays some text and a large image. Then we have a main with a class="main-area", and this is where all the main content sits. And inside the main we have a series of sections. First one with a class="splash", that displays the splash content which has some text. Then we have a section with a class="buckets". In here we have an un-ordered list that displays three list items. Each list item has an image, an H3 title and a paragraph. We have a section with a class="more" that also displays some text content. And then finally inside the main we have a section with a class="twins", that has two divs, each…

Contents