1
00:00:01,300 --> 00:00:09,400
Hello, in this video, we are going to cover a single column whiffs, so this is when we have more

2
00:00:09,400 --> 00:00:16,310
than one column in a row, but we only specify the width of a single one of them.

3
00:00:16,720 --> 00:00:17,940
Let me show you what I mean so far.

4
00:00:18,000 --> 00:00:19,660
Just come

5
00:00:23,950 --> 00:00:27,520
on, let me duplicate this of this five in total.

6
00:00:27,520 --> 00:00:32,890
But the number doesn't really matter because they are worth regardless.

7
00:00:32,890 --> 00:00:34,300
And that's safe for this one.

8
00:00:34,300 --> 00:00:35,250
I want to put.

9
00:00:36,960 --> 00:00:46,300
Six, so if you remember from the old grid, saw this video, if you don't specify WMD, does Oju Dash

10
00:00:46,540 --> 00:00:48,270
Excel Dash XXL?

11
00:00:49,120 --> 00:00:49,810
It is.

12
00:00:50,900 --> 00:00:56,020
Just the extra small column will trickle all the way up and it is 12 column.

13
00:00:56,330 --> 00:00:58,300
But what happens when we put six for this one?

14
00:00:58,310 --> 00:01:07,160
What happens to all the other big column for this may refresh us and say this is spanning six columns

15
00:01:07,340 --> 00:01:14,090
of six spaces in the row and the total of 12 that leave the total of six and split evenly across all

16
00:01:14,090 --> 00:01:19,280
the columns, three on either side, with each column taking up one and a half.

17
00:01:19,490 --> 00:01:25,610
So that's a great way of doing the math at decimals and making a symmetrical, you know, even in a

18
00:01:25,610 --> 00:01:33,320
way without you having to handle all of that, we're going to do is create a bit of style and a bit

19
00:01:33,320 --> 00:01:34,400
of substance.

20
00:01:35,000 --> 00:01:43,680
And what I'm gonna do is just implement some really basic style on the screen if you're going to have

21
00:01:43,680 --> 00:01:44,930
the background color.

22
00:01:47,200 --> 00:01:51,830
This is just so we can see the actual columns that works at the moment.

23
00:01:52,040 --> 00:01:55,910
So it looks like that this is just spun in maybe this Mantha empty.

24
00:01:56,070 --> 00:02:01,610
That's not the case because there isn't that much text in there, so it doesn't fully demonstrate what

25
00:02:02,000 --> 00:02:03,270
we are doing.

26
00:02:04,560 --> 00:02:13,630
OK, so this is going to put any color you want, blue and yellow

27
00:02:16,400 --> 00:02:20,160
to form of purple.

28
00:02:21,620 --> 00:02:27,790
That's just put the corresponding color in the thesis attribute to the well

29
00:02:33,140 --> 00:02:43,040
and purple pupil and the second is specified for each column and you could have the same color for multiple

30
00:02:43,040 --> 00:02:50,690
columns just doing it different just so we can see visually where each column starts, where each column

31
00:02:51,170 --> 00:02:51,440
and.

32
00:03:01,330 --> 00:03:05,800
Notes that we got Hispan in six, which is a total of half of it.

33
00:03:05,830 --> 00:03:10,690
So this plus this is the other half of this is now free in total.

34
00:03:10,930 --> 00:03:11,830
This is free.

35
00:03:12,070 --> 00:03:16,760
Each one of these columns, yellow, the purple, the blue and green of one point five.

36
00:03:16,960 --> 00:03:20,440
So that is what happens when you specify for a single.

37
00:03:21,550 --> 00:03:23,870
Colum, let's see what happens.

38
00:03:24,040 --> 00:03:30,640
An extra thing, maybe we put it here instead, Dash six, as you can see it automatically just adjusted

39
00:03:30,760 --> 00:03:32,710
according to it, basically, just even.

40
00:03:32,830 --> 00:03:33,110
Right.

41
00:03:33,130 --> 00:03:39,340
For all the other holiday not to be dash six could be anything between dash one.

42
00:03:40,040 --> 00:03:45,010
I guess if you put 12, we really won't do anything because you're standing in line.

43
00:03:45,190 --> 00:03:47,410
So I'll get one to 11.

44
00:03:47,410 --> 00:03:50,880
But if it's 11, then we need much room to play with.

45
00:03:50,890 --> 00:03:55,660
If you've got more than one column, they probably want to keep you relatively low, but feel free to

46
00:03:55,660 --> 00:03:58,360
experiment for your particular website.

47
00:03:58,370 --> 00:04:02,410
So as usual, experiment, you know, mess around with a code that we've got.

48
00:04:02,440 --> 00:04:06,160
All the code is ungettable and link in the description to feel free.

49
00:04:06,160 --> 00:04:11,490
And I highly recommend that you go to the Bistro website to just experiment with the code on there,

50
00:04:11,500 --> 00:04:12,700
the example on there.

51
00:04:12,910 --> 00:04:17,830
And you know, in general, if you have questions, feel free to put me on message or know the way that

52
00:04:17,830 --> 00:04:24,100
you can contact me is available in the description, like the best place pretty much for you outside

53
00:04:24,100 --> 00:04:24,860
of this video.

54
00:04:24,900 --> 00:04:28,600
So thanks for watching and I look forward to seeing you in the next video.