Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Layout Example

Public visualization

Viewing a saved revision (read-only)

bf6ce0a5a7dc4ee4a6c561177c59ce81

Layout Example

0 stars0🌍 Public
CCurran Kelleher
Last edited Feb 7, 2023
Created on Feb 7, 2023
Forked from HTML Starter

A layout example approximating a multi-step sign-up UI from Dribbble shots, using a flexbox layout for a split-screen interface. The left sidebar contains page numbers and a bottom section with step details plus a progress bar made of four rounded divs, while the right side is an empty flex-grow area. The code uses plain HTML and CSS, including `display: flex`, `flex-direction: column`, `justify-content: space-between`, and `flex-grow` to arrange the elements. No external libraries are used, and the markup is static with no interaction or data binding.

AI-generated description