Skip to main content
Solved

Vertical gap between items - auto layout

  • January 15, 2024
  • 3 replies
  • 1223 views
Bart4

Hello everyone,

I am following the beginners list from YouTube and I am on Figma For Beginners: Create designs (2/4). At the time stamp 12:15 the auto layout of my “Feed” frame is not adjusting the vertical gap as it should.

As I am a new user I can’t upload photos so maybe a link to my project will help ?

https://www.figma.com/file/bQCnjxEJgTaaSOzzwhAFiw/Bart-Wireframe-Lo-Fi?type=design&node-id=58%3A1010&mode=design&t=tCX56LJ562K2mvbE-1

As you can see the text goes onto the next item in the deed even thou the setting for the gap is on and at 8.

I am pretty sure I have followed the instructions in the video to a T and yet there is a mistake somewhere. What could possibly be the issue ?

Many thanks.

Best answer by Raphael_M

Hi, Bart4.

After checking your file, I’ve determined the issues on your file.

Here are the steps to adjust the auto-layout frame you created:

  1. Remove the absolute position of the 3 Post instances in your file.

    image

    image

  2. Set the auto-layout frame Feed’s height to hug.
    image

  3. Set all the Post instances height to hug.
    image

After doing that, the auto layout frame should work.

image

View original
This topic has been closed for comments

3 replies

Raphael_M
  • Raphael_M
  • Power Member
  • 353 replies
  • Answer
  • January 16, 2024

Hi, Bart4.

After checking your file, I’ve determined the issues on your file.

Here are the steps to adjust the auto-layout frame you created:

  1. Remove the absolute position of the 3 Post instances in your file.

    image

    image

  2. Set the auto-layout frame Feed’s height to hug.
    image

  3. Set all the Post instances height to hug.
    image

After doing that, the auto layout frame should work.

image

Bart4
1 person likes this
  • Bart4
    Bart4
Bart4
  • Bart4
  • Author
  • 1 reply
  • January 16, 2024

Hello @Raphael_M,

Thank you for taking the time and looking into this. With your instructions I was able to fix the issue, worked like a charm.

Many thanks.

Raphael_M
1 person likes this
  • Raphael_M
    Raphael_M
Raphael_M
  • Raphael_M
  • Power Member
  • 353 replies
  • January 16, 2024

Happy to help 😀

Bart4
1 person likes this
  • Bart4
    Bart4
Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings