Making images responsive


show more Making images responsive provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Frameworks and Grids show less
please wait ...

Making images responsive

If you're using a fixed grid, you won't really need to adjust how you approach adding images to your site. If on the other hand, you're using a responsive grid, your content will flex and change based on the screen size, and your images will need to do the same. Although the framework we have been experimenting with in this course has built-in support for responsive images, many frameworks do not, so let's take a look at how this technique works and the tweaks that you might need to make within your chosen framework. If I preview that in my browser, this should look familiar to you, so it's just sort of this basic page layout that were working with earlier.

We have a two-column layout going on here, and I want to sort of insert some images on the page. So what I'm going to do is in the first paragraph of my Main Content, I'm going to go ahead and throw an image in there, so I'm just going to do image, and we're going to do source for that, that ="_images/r...

Making images responsive
Video duration: 8m 40s 3h 27m Beginner

Viewers:

Making images responsive provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Frameworks and Grids

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...