Dynamic Grid
→Ровная сетка 3×3: клик разворачивает ячейку в настоящий блок 2×2 (grid-column / grid-row span), перекрытые слоты исчезают, остальные пять карточек остаются на месте. Повторный клик — сброс.
★★★★☆Advanced
Живые сетки, split-screen, resizable-панели и responsive-композиция.
Ровная сетка 3×3: клик разворачивает ячейку в настоящий блок 2×2 (grid-column / grid-row span), перекрытые слоты исчезают, остальные пять карточек остаются на месте. Повторный клик — сброс.
★★★★☆Advanced
Split-screen с перетаскиваемым разделителем: при отпускании divider пружинно догоняет ближайшую snap-точку (20% / 50% / 80%) с overshoot и инерцией броска.
★★★★☆Advanced
Три панели с drag-handles: потяните узкий разделитель между Explorer, Editor и Preview — ширины догоняют курсор с пружинной инерцией и лёгким overshoot. Для контраста нажмите Reset и посмотрите, как панели «резиново» возвращаются к 33 / 34 / 33%.
★★★★☆Advanced
Бесконечная лента секций внутри demo-области: при достижении края scroll мгновенно перепрыгивает без рывка — seamless loop с parallax-слоями.
★★★★☆Advanced
Container queries в действии: под карточками — ползунок Container width, или потяните вертикальный │ на правом краю оранжевого контейнера. Сетка плавно морфится между 1, 2 и 3 колонками без media query скачков.
★★★☆☆Medium