I’m making a website in Hype and completed the desktop mode for it. The responsive feature was perfect. I just had to design the 1200px layout and Hype managed to make it smaller or larger according to the device width. However, I wanted a bit of different look on mobile devices because the text shrank too much from 1200 to 420 and less. So, I created the required layout for my home page and then noticed the text under the layout which said 420 - 1200px. This kind of shocked me, because, what I was expecting was the opposite. I wanted a 1200 - 420 px layout, meaning, Hype shrinks the content till 421, changes to the new layout at 420 and then continues shrinking according to that. What’s happening now is Hype is enlarging the contents from 420 layout to 1200 and thus, everything is getting too huge. I want the content to enlarge, but, not this much.
So, basically, I want the layouts to be like: I design the content at 1200, it shrinks till 421, at 420, it adapts the new layout and shrinks further to whatever the browser width is. As of now, I have to design 1200 and 420 layouts and would like to avoid adding more breakpoints, because arranging all the contents is no doubt, a pain.
So, is there any way around this, or do I have to make a breakpoint in between?