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
Lessons for Experienced Developers
Multiple Test Scenarios
Activity FeedFeature BlipSimple Login FormDropdown MenuURL ShortenerMobile App OnboardingFooter DesignReporting StatisticsUser TestimonialsPricing ComparisonSports StatisticsFood IngredientsToggle SettingsNews ListingsUser Support Popup
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
UI Design Fundamentals Practice