LLearnCode
Academy/CSS & layout

web · 15 lessons

CSS & layout

See the cascade, space, flow, and layers respond to your choices.

What you are working toward

Build responsive interfaces and investigate layout failures.

0 learning steps complete · View prerequisites and evidence →

The existing foundation

Start here, or use it to fill a gap.

Original lessons, practice, bosses, and progress are preserved. Completion from this journey is distinct from the new independent evidence model.

  1. 01Selectors & cascadeGuided foundationOpen →
  2. 02Cascade & specificityGuided foundationOpen →
  3. 03Box modelGuided foundationOpen →
  4. 04UnitsGuided foundationOpen →
  5. 05Typography & colourGuided foundationOpen →
  6. 06Colour & contrastGuided foundationOpen →
  7. 07FlexboxGuided foundationOpen →
  8. 08GridGuided foundationOpen →
  9. 09Responsive designGuided foundationOpen →
  10. 10PositioningGuided foundationOpen →
  11. 11States & interactionGuided foundationOpen →
  12. 12Form controlsGuided foundationOpen →
  13. 13Transitions & reduced motionGuided foundationOpen →
  14. 14Design tokensGuided foundationOpen →
  15. 15Accessibility-oriented CSSGuided foundationOpen →
Open interactive labs →Explore capstonesOriginal academy boss →