From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,400 courses taught by industry experts.
Form for desktops - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Form for desktops
- [Instructor] Our form looks good at the small and mid-screen layouts. It's responsive and it's working perfectly. Everything seems to work okay until we get to about 1,000 pixels. Once we get to 1,000 pixels or more, the layout starts to break and things start to fall apart. Let's adjust the form to optimize the use of space and in general, make this form a little more visually appealing at our large screen sizes. We are already using grid template areas here but since we've introduced a new element, the form, things are getting a little wonky. As you probably recall from the previous video, using grid-template-area will allow me to use names for the various elements and control them in a more visual manner. Before I jump in and start augmenting the code, I do want to point out that I have included comments that indicate the new form code that I've added. Since this is kind of in the middle of the fitter form…
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.
