...
Drag and drop a Text control from the palette into the form. You can name it whatever you want but set the width to 6 columns. See that it takes up half the space in the form. Now, drag and drop another control to the right of this Text control. See that it also takes up 6 columns automatically. Of course, you can adjust this but is guessing that you're trying to create a 2-column layout. In this manner, drop several controls to the right and see that you can create a 2-column layout.
Now drag and drop controls from the palette into the form to try and create the layout shown below:
After a bit of experimentation, it should be easy to figure out how the grid works. Any number of controls up to a total width of 12 columns will fit next to each other in the form. You can have any combination as shown above (6+6, 4+4+4, 3+3+3+3, 2+2+8, 5+4+3 etc.). will lay them out automatically and make sure they align nicely etc.
...
A Panel is a grouping control that can contain other nested controls but is not visible to the end user on the form. Drag and drop a Panel onto the form. See that it defaults to 6 columns in width. You can set the width to whatever you want and panels follow the same rules above. You can fit panels that add up to a total width of 12 columns next to each other. Within the panel, the interior area again has 12 columns and you can fit controls into a panel using the same rules above irrespective of the width of the panel. Try it. Drag and drop controls into the Panel you just dropped on the form and try to recreate the layout below:
Once again, it should be intuitive and obvious after a bit of experimentation.
...