Im looking for advice with working with layouts & responsive design and have some questions.
is it best to ‘start’ with the largest canvas you wish to support (e.g. 1440 width) then add breakpoints for each smaller width such as 1280, 1024, 800, 600, 320 etc
how do you get the effect shown in the hype demo (the Africa layout example) where the image auto-sizes? I created a test 1440px wide canvas then inserted a large (greater than the canvas width) image, added a breakpoint of 1280px then on that 1280 layout page re-centered the image and made it a tad smaller. When previewing the test hype file in chrome and safari it ‘snapped’ instantly to the 1280 layout without that dynamic ‘live’ rescaling (making smaller) of the image.
What am i doing wrong here?
- how does one created dynamic width objects e.g. rectangles with solid fill that take up 100% width verses specifying a fixed width in px?