<aside> 💡 Warning: In order for the layout to be uploaded with maximum quality, you need to adhere to a certain set of rules that are important for exporting to code. These rules are easy to understand and do not require additional study. When you learn how to do such a layout you will be able to create any application you want. Good luck with your new material 🤓.

</aside>

0. General rules

• Nav Bar - Put it at the top, separate from the content, so that you can assign it a Header value in Sizze. It will be fixed all the time on the page and will not scroll.
• Tab Bar - Place it at the bottom, it is important that the tab bar is only on one page, (no matter what page), after you assign a value to the Tab Bar in the Sizze editor it will automatically be inserted on other pages when you start the application
• Content - Place the blocks inside the main frame and use the Auto Layout value to dynamically change the height of the content in the future

1. Content building rule

Scroll Bar

<aside> ⚙ Example in Figma

</aside>

🔥Examples Sizze

1. Create a set of cards

   

2. Combine into cards in auto layout and indent on the left and right sides

   

3. Wrap your frame again with auto layout in a frame that clearly sticks to the borders of the screen and make the horizontal scroll value

   

4. The result should have been