Skip to main content
Question

Prototype: Horizontal scrolling add padding left and right but weird

J

I add 16px left and right padding on the chips/pills (makanan jepang, bakso, etc) to follow margin device frame and it looks good if I scroll horizontal. But, if I add padding on the cards (Nihon Goza, Ramen Kuy, etc) it looks weird and its not follow margin device if I scroll horizontal. What I want is follow the margin device like chips/pills. How to fix this?

image

this my Figma link:

Figma – 18 Mar 23

Sorry for my bad english. I hope you guys understand why I mean.

This topic has been closed for comments

2 replies

Ernest_Mistiaen

Same issue here. Hope someone knows a solution 🙂

IraX
  • IraX
  • New Participant
  • 145 replies
  • June 26, 2023

With auto layout on the parent container, add a padding all around. Wrap your heading, pills, and cards in another auto layout container with its width set to “Fill container”. All three child elements should also have their width set to “Fill container”.

Figma – 26 Jun 23
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