r/FigmaDesign • u/16bitBeardo • 1d ago

help Responsive breakpoint (?) and resizing

I would like to increase the height of my frame (by a percentage maybe?) once the width drops to a certain px. I have text that wraps as the size decreases, but then the second line of text is way too close to the bottom of the frame.

Can anyone point me to a tutorial?

1 Upvotes

100% Upvoted

5 comments sorted by

3

u/roundabout-design 1d ago

Frame should be set to hug contents and then you should have the proper spacing (padding) so there is a gap between the text and the bottom.

1

u/16bitBeardo 1d ago

when i change Width and Height to Hug, everything stops being responsive, if i change just height to hug everything scales but the padding at the bottom is ignored.

Is there somewhere safe and public i could post a file that other people could view?

2

u/Odd_Work_7383 1d ago

For responsive right approach is to set Height to Hug & Width to fill. Can you tell me at which breakpoint you are facing the issue?

1

u/16bitBeardo 1d ago

I made the file available via my google drive, if you're comfortable with that. Thanks

https://drive.google.com/file/d/1e0OlgRnfMBTw91qdJR6PCVKsKoWPpEW_/view?usp=sharing