material-design-lite icon indicating copy to clipboard operation
material-design-lite copied to clipboard

Images are not responsive

Open rtwk opened this issue 8 years ago • 5 comments
trafficstars

Images placed within a grid are not responsive in MDL. Am I missing something? Or they are not available out of the box?

rtwk avatar Mar 09 '17 06:03 rtwk

Making images responsive is something developers need to do on their own. We don't provide anything to have that as exactly how you may want to do it will vary from developer to developer.

Garbee avatar Mar 09 '17 10:03 Garbee

Don't agree nor understand. I can do ALL on my own. A framework is here to do it itself. Provide a way. If it don't fit my needs I'll change the same way I do if you buttons does not fit me.

NicSil avatar Mar 22 '19 21:03 NicSil

MaerializeCSS provide a class: so it is possible.

NicSil avatar Mar 22 '19 21:03 NicSil

Materialize is a framework. MDL (and Material Components for Web) are intended to be a library of individual components you can consume and put together to make a whole. We did make some architectural mistakes with MDL which are corrected in the foundation we put in place for the new team.

That's where the difference in needs comes from. You're expecting something MDL was not intended to be. Also responsive imagery is far from "Just a class". If you just want one image filling space, it's straightforward. That is also about 3-4 lines at most of CSS. For developers to implement on their own for their projects once and move on, hardly unreasonable. Doing proper responsive images means generating multiple sizes for the various device types you target. Then implementing the srcset attribute on the images to pull in the right one for your target. Hardly trivial and nothing "just a class" can solve.

We tried to encourage proper development practices so users get the best experiences possible on the web.

Garbee avatar Mar 23 '19 04:03 Garbee

Ok.

NicSil avatar Mar 27 '19 15:03 NicSil