Select the Child frame and head to the Resizing section under Auto layout in the right-hand sidebar.In order to make our Child frame responsive to it's Parent frame, we'll use the resizing feature. The goal of this exercise is to have the Child frame resize in response to the size of its Parent frame. When we resize the Parent frame, the Child frame's width remains fixed by default. Give it a Fill color of white, and transform it to Auto layout.Now, pick again the frame tool and draw a new frame within our Parent Frame with the dimensions of 800W 1000H.Set the Width to Fixed width and Height to Fixed height.Next, head to the Resizing section under the Auto layout panel.Select the Alignment and padding icon in the right corner of the Auto layout section and set it to center.Next, head to the Auto layout section in the right-hand sidebar.Change the frame's color from the default white to the following color: #B8B8B8.Let's pick the frame tool and create a rectangular frame with the dimensions of 1200W 1500H.To begin, we'll start by creating a simple frame and transform it to Auto layout. In this quick post, we'll take you through how to create a responsive layout using the sizing feature in Figma.
0 kommentar(er)
