From the course: CSS: Advanced Layouts with Grid
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Overview of the starting point - CSS Tutorial
From the course: CSS: Advanced Layouts with Grid
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.