We can very easily convert our two column layout into a three column layout three column meals are typically
used for laptop and desktop screens.
A three column layout will also work in a tablet landscape mode.
If the screen resolution is more than or equal to nine hundred and ninety two pixels for example an
Apple iPad in smaller devices the columns will stack on top of each other as usual.
Let's go ahead and add a third column to our two column Leo.
Go ahead and copy this columns called
will change the background to be 1 since we now need to split 12 columns among three rows.
We need to adjust our values.
We can create equal sized columns by plugging in four by four by four.
So let's see what that gives us.
We'll save the file and refresh the browser window
so we can see with three columns when the viewport gets smaller the columns stack on top of one another
we can also try different values as well have a small first column a large middle column so 2 by 8 by
and that's what that looks like
and we'll try 3 by seven by two
so you can see that the first column is slightly larger now than the last column.