Skip to main content
Question

Prototype: Horizontal scrolling add padding left and right but weird

  • March 18, 2023
  • 2 replies
  • 1091 views
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 replies.

2 replies

Ernest_Mistiaen

Same issue here. Hope someone knows a solution 🙂

IraX
  • IraX
  • Power Member
  • 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 settingsAccessibility statement