How to scale images or containers to different device size (width and hieght)

[Zachary1748]

Hello,

I am wanting to scale my Images or my containers, so when the device get bigger the images or containers get bigger, without having to change it manually. Pretty much doing what a device profile does to exact, just in a different way. I was thinking of using CSS something like this below but it doesn't work...

@media all and (max-width: 320px) {
 .x-img {
    max-width  : 80%;
    height : auto;
 }
}

Your help is very much appreciated in advance if you wouldn't mind helping me out...