In this video we're gonna start working on a couple examples to make sure that we understand exactly
how this layout system works.
The first application we're gonna work on is this layout right here.
So I want to show three different elements.
It should span from left to right.
And you'll notice that green element right there should essentially be on kind of like the next line
down.
Now there are many different ways to achieve a layout like this.
I can probably think of three or four or five off the top of my head.
There is definitely not necessarily a correct answer to do this.
Go ahead and give this a shot.
Try to put that layout together inside of our box screen file so you can replace these text elements
with some view elements instead and then update the appropriate styles inside of here.
Note that you might have to set the height and with properties of those view elements.
Otherwise by default they have a height and width of zero so they won't actually display on the screen
as a little extra.
Try to get that green element into position using at least two different techniques so maybe once using
the Flex box system maybe a second time give it a go using maybe margin or padding or whatever else
you think is appropriate to go and give it a shot.
As usual you don't have to do this exercise because we're going to go over a solution in the next video
so quick pause and I'll see you in just a minute.