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.

Booking form fix for mobile

Booking form fix for mobile

From the course: Building Great Forms with HTML and CSS

Start my 1-month free trial

Booking form fix for mobile

- [Instructor] Our booking form is looking really good on the desktop device. Everything's dialed in and appears just the way we want it to. If I go ahead and open up the developer tools and toggle on the device toolbar, I can mimic what my webpage is going to look like on a mobile device. So from this view, the mobile version of our page looks pretty good as well. There is a slight issue with the travel class field, it should be a little bit wider, you can see how the down arrow is interfering a little bit with the text that we have. So we'll need to make an adjustment for that but what I really want to draw your attention to is even though this webpage looks great, when we emulate a mobile device within the browser, this can be a little bit deceiving. Let me show you what this looks like in an actual mobile device. Here's the exact same page on a mobile device. You can see that our radio buttons work as we expect them…

Contents