- In this lesson, we're going to work…with the two remaining layouts.…One for tablets, or more specifically,…any screen device ranging from 481 pixels…to 768 pixels in width and one for desktop.…Anything wider than 769 pixels.…We'll start with a tablet where the size will probably…allow for at least two columns.…So let's adjust our fluid grid layout accordingly.…And, as you can see, I'm showing the tablet screen size.…
Everything is pretty much in…single rows spanning the screen.…Let's scroll down a little bit here.…Here's our main content.…The interview, gallery…and footer, all right.…So as I said, I think we have enough room…to put two items, two areas, side by side.…So let's put main content and interview…next to each other.…We'll start by resizing the…main content while in tablet view.…So I'll click into my main content area.…
Notice I just initially select the P tag that's right there.…And there's a couple of ways that you can…go ahead and select this.…I can use my up arrow, click it once,…and it goes to the next dom element,…
- Structuring fluid grids
- Adding a new fluid grid layout
- Adding building-block div tags
- Inserting content into a fluid grid
- Modifying the number of grid columns
- Building media queries from scratch
- Working with additional media queries
- Handling orientation changes
- Manipulating CSS
- Adding new media
Skill Level Intermediate
Edge Animate Essential Trainingwith Chris Converse4h 44m Beginner
1. Understanding Responsive Web Design
2. Fluid Grid Layouts in Dreamweaver
3. Expanding on a Fluid Grid Structure
4. Enhanced Media Queries
5. Flexible Images and Media
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.