From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,400 courses taught by industry experts.
Form for mobile - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Form for mobile
- [Instructor] Our form is looking pretty good at the small screen layout, but there are a few adjustments we can make to improve it even more. We'll be specifically focusing on the radio buttons. Instead of having them stacked vertically, we will have them display horizontally on one line and we're going to adjust the placement of the elements that are in our Submit button. We want these to be aligned in a more pleasing way. Let's jump into our code and get to it. We'll be focusing on the small screen. As usual, we always build mobile first. So let's go ahead and address the radio buttons to start off with. It is worth mentioning that the reason that the radio buttons are stacking is because they are wrapped inside of a label tag and we have already applied a display block to our label tags. This is allowing the label and radio button pairs to stack vertically on top of each other. To make these align horizontally and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
