Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
Image Thumbnails don't follow the mobile first concepts by providing only max-width media queries.
Currently you always have to set the largest variant of the image as default and then create media query variants for smaller devices. The mobile-first approach would be more to first define the smallest thumbnail as default and then create media querys for larger sizes.
Currently it is a bit weird concernind the mobile-first approach: You just start to code your mobile template but have to create a thumbnail definition with at least a large default and a media query size for mobile. You cannot start by setting the default to the small size and later add a larger media query when you develop the desktop template.
To add to the conversation, I don't think this will help much.
For convinience: we have a skeleton project where we clone new projects from with already setup generic thumbnail configs, one being a config with 400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, ... up to 4k since the thumbnail config is (as you surly know) stored in var/config/image-thumbnails and can be adopted as a default to any project.
Just my 2 cents...