A multi-step form that requires user input across three stages.
The form aims to collect specific details about a user in three stages. The user will be asked to enter their name, phone number, and email address before being able to submit the form. The design is user-friendly, with intuitive navigation buttons and a progress bar.
Learn HTML (HyperText Markup Language), the language common to every website. HTML describes the basic structure and content of a web page.
Learn about all the most important form elements that web professionals use on a daily basis.
Learn the basics of CSS, one of the core technologies for designing and building websites and applications.
CSS Flexbox Layout
Flexbox is a set of CSS properties that give you a flexible way to lay out content.
CSS Grid Layout
CSS Grid Layout provides a built-in, more efficient way of designing grid-based layouts in the browser.
Interacting with the DOM
To begin, click "Start Adventure" at the top of the page and then download your starter files.
Use CSS Flexbox or Grid to layout the elements on the page.
Extra Challenge: Add friendly custom validation messages to the form inputs.