Machine Coding bank CSS Machine Coding / 64 questions Your progress 0 / 64 done Saved in this browser. Reset All 64 Easy 28 Medium 25 Hard 11 Hide done No questions match those filters. 01 Responsive Grid Layout Easy 02 Sticky Footer Easy 03 Card Grid with Auto-fit Easy 04 Split Screen Layout Easy 05 Aspect-ratio Media Grid Easy 06 Centering Techniques Showcase Easy 07 CSS-only Tooltip Easy 08 Loading Spinner (pure CSS) Easy 09 Skeleton Shimmer (pure CSS) Easy 10 Toggle Switch (pure CSS) Easy 11 Dark Mode with CSS Variables Easy 12 Infinite Marquee Easy 13 Typewriter Text Effect Easy 14 Glassmorphism Card Easy 15 Hover Card Flip Easy 16 Fluid Typography (clamp) Easy 17 Responsive Image (srcset/sizes) Easy 18 Print Stylesheet Easy 19 Holy Grail Layout Medium 20 Masonry Layout (CSS) Medium 21 Dashboard Grid (CSS Grid Areas) Medium 22 Responsive Navbar (CSS only) Medium 23 CSS-only Accordion Medium 24 CSS-only Tabs Medium 25 CSS-only Dropdown Medium 26 CSS-only Modal Medium 27 CSS-only Carousel (scroll-snap) Medium 28 Progress Ring (SVG/CSS) Medium 29 Theme Switcher (System/Light/Dark) Medium 30 Parallax Scroll Section Medium 31 Gradient Border Animation Medium 32 Confetti Animation Medium 33 Container Queries Card Medium 34 Scroll-driven Animations Hard 35 Responsive Grid Layout - Core Implementation Easy 36 Responsive Grid Layout - Accessibility & Responsive Edition Medium 37 Responsive Grid Layout - Performance-Optimized Edition Hard 38 Flexbox Holy Grail Layout - Core Implementation Easy 39 Flexbox Holy Grail Layout - Accessibility & Responsive Edition Medium 40 Flexbox Holy Grail Layout - Performance-Optimized Edition Hard 41 CSS-only Tabs - Core Implementation Easy 42 CSS-only Tabs - Accessibility & Responsive Edition Medium 43 CSS-only Tabs - Performance-Optimized Edition Hard 44 CSS-only Accordion - Core Implementation Easy 45 CSS-only Accordion - Accessibility & Responsive Edition Medium 46 CSS-only Accordion - Performance-Optimized Edition Hard 47 CSS Animation Showcase - Core Implementation Easy 48 CSS Animation Showcase - Accessibility & Responsive Edition Medium 49 CSS Animation Showcase - Performance-Optimized Edition Hard 50 Dark Mode Theme Switcher - Core Implementation Easy 51 Dark Mode Theme Switcher - Accessibility & Responsive Edition Medium 52 Dark Mode Theme Switcher - Performance-Optimized Edition Hard 53 CSS Custom Properties Theming - Core Implementation Easy 54 CSS Custom Properties Theming - Accessibility & Responsive Edition Medium 55 CSS Custom Properties Theming - Performance-Optimized Edition Hard 56 Sticky Header/Footer - Core Implementation Easy 57 Sticky Header/Footer - Accessibility & Responsive Edition Medium 58 Sticky Header/Footer - Performance-Optimized Edition Hard 59 CSS-only Tooltip - Core Implementation Easy 60 CSS-only Tooltip - Accessibility & Responsive Edition Medium 61 CSS-only Tooltip - Performance-Optimized Edition Hard 62 Print Stylesheet Layout - Core Implementation Easy 63 Print Stylesheet Layout - Accessibility & Responsive Edition Medium 64 Print Stylesheet Layout - Performance-Optimized Edition Hard ← Previous React Next → Browser APIs