Access to Slack Community
Advanced CSS Features
Container queriesScroll SnapResponsive utilities:has()Dialog
Course Topics
AccessibilitySemanticsHeadingsMeta tagsSemantic elementsNon-semantic elementsHTML ValidationLeft to right directionHorizontal writing modeLandmarksReader modeDevTools (Inspect)ImagesFontsUnitsResponsivenessBox modelsSelectorsCollapsing marginsCSS (axis) ShorthandsAnchorsUI KitColor accessibilityCustom PropertiesFlexGridPositioningFormsVariable fontsStacking contextsContainer queriesScroll SnapResponsive utilities:has()Dialog
Curriculum Topics
Introduction to typographyEquilateral triangle of a perfect paragraphAnatomy of a typefaceChoosing typefacesCombining typefacesRhythm in web typographyModular scale & meaningful web typography
Estimated Lesson Time
5-10 minutes
External Resources Included
Interactive Learning Game
Lessons Delivered by Email
Lessons for Experienced Developers
Number of Real Projects
2
Official Solution Comparison
Project Names
Portfolio web pageMyBank: Mobile banking web app
Project Usage Rights
Use for non-educational work
Semantics and Accessibility Focus