CSS: Creating Layouts

Creating a layout is the foundational activity of building a website. A well-made layout displays properly across a wide variety of devices and forms the structure of the entire web development project — a project can succeed or fail based on how the layout is implemented. This course presents a framework for approaching layout: starting with the firmest possible foundation and ending with a complete, responsive website. Major topics include planning a web layout before writing any code, implementing that layout in a modular and responsive way, and implementing each component so that it responds gracefully to a wide variety of shapes and sizes.

Throughout the course, a running case study is used: Bethany's Pie Shop, a small business website with four pages (Home, About, Pies, Visit Us) that is built from nothing to a complete, responsive site.

Familiarity with basic HTML and CSS is assumed. The course does not define fundamental terms for Flexbox or Grid — instead, it deepens and reinforces existing knowledge of them.