Join Paul Trani for an in-depth discussion in this video Implementing media queries, part of Dreamweaver: Creative Cloud Updates.
These days we not only need to be concerned about how our content looks in …a desktop browser, but also how it looks if it's on a tablet or even a mobile device. …So we need to make sure our content responds appropriately. …And luckily the CSS designer panel makes it really easy to implement media …queries, because that's how creating a responsive design is usually done. …So the first thing I need to do as is says here, you need to select a source, …which will be my style tag, right here. And then I can click the Plus sign, to …add a media query. Now I'm gonna do that in a second, but …know that the property here that I'm gonna manipulate is gonna be this article.…
So I want this article to always be centered, on the tablet device as well as …on a mobile, device, and then be off to the right hand side on my desktop. …So again selecting style, adding a media query by clicking that Plus button. …And you'll see that it says media, query, screen is what I'm gonna implement. …So I'm just gonna add a condition. So, if you're viewing it on a screen, as …
Note: Adobe Creative Cloud is updated on a regular basis. We will add more tutorials as features are added or changed, so check back often.
- Getting used to the new interface
- Syncing your settings
- Implementing media queries with CSS Designer
- Working with the Fluid Grid layout updates
- Adding HTML5 audio and video