From the course: Building Great Forms with HTML and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Personal details summary

Personal details summary

From the course: Building Great Forms with HTML and CSS

Start my 1-month free trial

Personal details summary

“

- [Instructor] The personal detail information page has quite a bit going on. Many of these things are patterns that we have learned about throughout this course. I do want to point out a few things that are new. The first thing is that we have a stepper component at the top of the page. This breaks up the steps that the user needs to take so that the form doesn't seem quite as daunting. The step or component clearly shows the user what step they're on and how many steps they'll need to do. This will also serve as a navigational component so that the user can navigate to the various areas of our form. It is worth noting that currently, we have not coded this up so that the numbers are displaying correctly but we will address this within this chapter of the course. At a large screen, we clearly can see both the personal detail contact form and the order summary section. At the small screen size when our real estate…

Contents