Adobe Dreamweaver CC: The Professional Portfolio

Project 8: BLVD Fluid Grid Site

Working with fluid gridsCreating CSS3 transitions

Adobe Dreamweaver CC: The Professional Portfolio

Creating a Fluid Grid Page

Adobe Dreamweaver CC: The Professional Portfolio

Dependent Files

Fluid Grid Layout Divs

Three selectors per div

Media queries for each screen size

Adobe Dreamweaver CS6: The Professional Portfolio

Adobe Dreamweaver CC: The Professional Portfolio

Media Queries

Adobe Dreamweaver CC: The Professional Portfolio

Fluid Grid Layout Divs

Placed inside the gridContainer div tag

Class or ID attribute

Unique layout div selectors for each

Same content

Adobe Dreamweaver CC: The Professional Portfolio

Multiple Device Layouts

Adobe Dreamweaver CC: The Professional Portfolio

CSS3 Transitions

Adobe Dreamweaver CC: The Professional Portfolio

CSS Transitions (cont.)