Hi guys,
So I'm just trying to make my site a bit more mobile friendly. I currently set the width to a % on images so as to keep them consistent on screen sizes. The only thing is the widths aren't compatible on mobiles and screens.
If you see the images on this page http://www.brightonyouthcentre.org.uk/skateboarding/ ,they are fine on a computer, but way too small on a mobile when only spanning 60% of the screen or whatever. Really I'd like for them all to take up the full width.
My first thought was to use a media query to say "if on mobile then make width 100%", BUT my problem is I use inline CSS for each of the images because I don't want them all the same width, so I think a media query would be overridden? That's what it seems like anyway as I tried it and nothing happened. If anyone has any suggestions that would be great! Thanks