project 8: blvd fluid grid site
DESCRIPTION
Project 8: BLVD Fluid Grid Site. Working with fluid grids Creating CSS3 transitions. Creating a Fluid Grid Page. Dependent Files. Fluid Grid Layout Divs. Three selectors per div Media queries for each screen size. Media Queries. Fluid Grid Layout Divs. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/1.jpg)
Adobe Dreamweaver CC: The Professional Portfolio
Project 8: BLVD Fluid Grid Site
Working with fluid gridsCreating CSS3 transitions
![Page 2: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/2.jpg)
Adobe Dreamweaver CC: The Professional Portfolio
Creating a Fluid Grid Page
![Page 3: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/3.jpg)
Adobe Dreamweaver CC: The Professional Portfolio
Dependent Files
![Page 4: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/4.jpg)
Fluid Grid Layout Divs
Three selectors per div
Media queries for each screen size
Adobe Dreamweaver CS6: The Professional Portfolio
![Page 5: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/5.jpg)
Adobe Dreamweaver CC: The Professional Portfolio
Media Queries
![Page 6: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/6.jpg)
Adobe Dreamweaver CC: The Professional Portfolio
Fluid Grid Layout Divs
Placed inside the gridContainer div tag
Class or ID attribute
![Page 7: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/7.jpg)
Unique layout div selectors for each
Same content
Adobe Dreamweaver CC: The Professional Portfolio
Multiple Device Layouts
![Page 8: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/8.jpg)
Adobe Dreamweaver CC: The Professional Portfolio
CSS3 Transitions
![Page 9: Project 8: BLVD Fluid Grid Site](https://reader036.vdocument.in/reader036/viewer/2022062422/56812b84550346895d8fa1de/html5/thumbnails/9.jpg)
Adobe Dreamweaver CC: The Professional Portfolio
CSS Transitions (cont.)