Design and build pages that work on a 360px phone as well as a wide monitor, without the usual patchwork of tricks. Covers the modern layout tools, typography and colour that hold up on real content,...
Choose between Flexbox and Grid for a given layout problem.
Size type and spacing on a readable scale.
Build mobile-first layouts that scale up cleanly.
Apply colour and contrast that passes accessibility checks.
Load images and fonts without hurting page speed.
Use developer tools to diagnose why a layout broke.
Design and build pages that work on a 360px phone as well as a wide monitor, without the usual patchwork of tricks. Covers the modern layout tools, typography and colour that hold up on real content, and the performance costs that make a site feel slow.
Front-end developers who need solid layout fundamentals. Designers moving into implementation. Anyone whose current site breaks on mobile.
No reviews yet — be the first to review this course.