Build a Responsive Layout with CSS Grid

Scrimba focuses this short course on arranging a page in two dimensions. Rows, columns and named areas support the move from a fixed composition to a responsive layout. The published estimate is about an hour and forty minutes, leaving room for a focused exercise alongside a larger web project.

What you will learn

• Define a grid using rows, columns and areas.
• Change a composition for different viewport widths.
• Use Grid features to organize a responsive interface.

Who this suits

Learners who already know basic HTML and CSS and need more control over page composition.

Before you enroll

The provider recommends prior HTML and CSS knowledge. Plan extra time to test real content, including cards or headings that are longer than the demonstration.

Coursera offers paid enrollment or subscription access. Check the enrollment screen for assessment and certificate terms, trials and any financial-aid options. Tool subscriptions, model API usage and cloud services may cost extra.

Put it into practice

Build a reading page with an article, related links and a table of contents. Preserve a sensible source order while changing the grid across screen sizes.

Source and review

This overview is based on the provider's published information, checked on 12 October 2026. It is an editorial assessment, not a claim that we completed the resource. Time filters are approximate study ranges; projects and exercises can take longer.

View the curriculum and current access options at Coursera.

How YellowCourse describes and checks learning resources.