Problem with image "expand to fill" layout πŸ€”


#1

Hello,
I tried many ways how to keep image full width on different types of screens.
In my project I want to have an image 100% width.
Problem is when screen is bigger, other objects in project will overlay this image.
Is here any solution how to solve this problem?

Here is picture what I mean:

And here is my Hype project: example.hype.zip (1.9 MB)


(strmiska) #2

you have to group them or create a symbol and set the scaling facts.


#3

@strmiska :smiley: What exactly do you mean?
Maybe you can add your project :slight_smile:


(strmiska) #4

hereΒ΄s what you want. (hopefully :stuck_out_tongue_winking_eye:
responsiveImages.hype.zip (366,1 KB)


#5

Thanks.
But what about if I want to create scallable website?
I mean more content.


(strmiska) #6

you can create a layout for every screen an d put the content in a persistant symbol.
more info:
http://tumult.com/hype/documentation/3.0/#responsive-layouts