REVONWELLAcademy
Sign inSignup for free

Free for a limited time. Some features will move to subscriptions later.

Modern CSS and responsive design

Grid, phones, animation and forms: what makes a site feel professional.

Let’s begin. Next up: Your first grid. About 120 minutes left in this track.
0%
0 of 12 doneAbout 120 min leftStart

Build layouts that work on any screen, with grid, forms and smooth motion.

1
Module 1

CSS grid

Lay out whole pages in rows and columns.

  1. 1Level 1Your first grid
  2. Level 2Make one box bigger
  3. Level 3A grid that fits itself
  4. Module testa dashboard layout

Achievement: Grid Maker

Module 2

Every screen

Make a page look right on a phone and a desktop.

  1. Level 1Media queries
  2. Level 2CSS variables
  3. Level 3Transitions and hover
  4. Module testpricing cards

Achievement: Responsive Pro

Module 3

Forms and tables

Ask for information, and show it clearly.

  1. Level 1A real form
  2. Level 2A clear table
  3. Level 3Meaningful tags
  4. Module testa sign-up page

Achievement: Form Crafter

Modern CSS and responsive design certificate of completionPass every module test to earn it.