← Back to courses
Web Development

CSS Layout in a Week

Flexbox, grid and pages that fit every screen

A one-week classroom course on one core module of MDN's web development curriculum, CSS layout: normal flow, flexbox, grid, positioning and responsive design. This course prepares for no exam.

5Modules
BeginnerLevel
1 weekDuration
COURSE THUMBNAIL

What you will be able to do

Lay out a page with flexbox and grid
Position elements deliberately
Make a layout work on a phone and a desktop

Course outline

01
Normal flow
02
Flexbox
03
Grid
04
Positioning
05
Responsive design and media queries

Tools you will use

CSSBrowser developer tools

What you need

Basic HTML and CSS

Related courses