Skip to main content

6 docs tagged with "responsive design"

View all tags

CSS Container Queries & Modern Layouts

Master component-driven responsive design with CSS Container Queries (@container)—container types, query units, inline sizing, and adaptive UI components.

Modern CSS

This course is designed to help you master modern CSS techniques and concepts, from foundational selectors to advanced layout systems and responsive design.

Practical Challenges: Modern CSS

Test your mastery of Modern CSS with hands-on challenges covering CSS Custom Properties, Responsive Design, CSS Animations, and Container Queries.

Responsive Design & Media Queries

Master fluid responsive layouts using fluid typography, viewport units, flexible images, and modern CSS Media Queries with Range Syntax.

Responsive Interactive Analytics Dashboard

Build a complex, multi-pane analytics dashboard using CSS Grid layouts, auto-fit/minmax strategies, sidebar toggles, data visualization cards, and CSS custom property theme tokens.

Responsive Product Landing Page

Build a production-ready, mobile-first responsive landing page integrating modern CSS Grid, Flexbox, fluid typography, and dynamic CSS custom properties.