I'm trying my first tesponsive design in Edge Animate. It's a simple one. It's just a series of 203x203px images layed out in 5 rows of four columns. 20 images in all. I have the stage set up at 100% width and 1015px height and each image is set at 100% width and height. Each image is nested in a symbol so I can do rollover and touch effects and that's set at 203px width and height for each one. Mimimum width is set at 280px and Max width can't be set in An. I'm using the Scale Position on each symbol to make it all responsive on each image which is in a symbol. So the symbol has the preset. Not the image insside of the symbol.
Issue I have is that it's responsie to a point. When I drag my browser, the padding (margin?) between each symbol shrinks or grows, but the images stay the same height and width. So they start running into one another. How can I make it work where the images get smaller or larger depending on the screen size?