Building Layouts
Card & AlignmentDesired Outcome
Heading
Lorem ipsum dolor sit amet, ut sed aeque virtute, stet congue legere id quo. Dicam virtute scribentur te usu, cum omnium eripuit copiosae ne. An nullam essent fastidii eos.Add the elements you see above using keyboard shortcuts
Change their position to the vertical axis by selecting the parent node and choosing Column in the Layout section
To have the buttons on the same row, simply drag the second one to the right of the first
Set margins on the first three elements
Try using the layout tokens we introduced earlier
Give it a try
How was it so far? Did you find it too easy or hard to follow? We would love to hear your feedback. Write us at [email protected]
Press Ctrl/Cmd + Arrow Down for the next step