1 00:00:01,110 --> 00:00:06,570 Now, before we get into any kind of styling, any kind of sex is great, I want to point out something 2 00:00:06,570 --> 00:00:12,300 very important, although I could make this entire course on Google Chrome as a Web browser. 3 00:00:12,930 --> 00:00:16,610 In this particular case, I would suggest that we use Firefox. 4 00:00:16,620 --> 00:00:22,920 And the reason for this is that Firefox has a nifty tool for showing us great elements and actually 5 00:00:22,920 --> 00:00:24,590 the great antenna and the great items. 6 00:00:24,930 --> 00:00:30,350 So I would suggest that you go to Firefox, download it and install it already did that. 7 00:00:30,870 --> 00:00:38,070 It's very simple to search for Mozilla to go to Mozilla dot org and then download and install Firefox. 8 00:00:38,190 --> 00:00:39,870 Not a few have done that. 9 00:00:40,470 --> 00:00:41,850 You would go back to your browser. 10 00:00:41,880 --> 00:00:44,790 So take a couple of seconds to read competitive video. 11 00:00:45,980 --> 00:00:50,200 And if you're done, then let's go to settings on the left corner. 12 00:00:52,620 --> 00:00:55,470 Not a search for default browser. 13 00:01:02,250 --> 00:01:08,820 Now, underneath a life server settings, I have Chrome as a default browser and only have it in private 14 00:01:08,820 --> 00:01:09,080 mode. 15 00:01:09,870 --> 00:01:18,120 Now instead of Chrome, I'm going to choose Firefox in private mode, Chrysalis to say this and close 16 00:01:18,120 --> 00:01:23,230 it up and I'm going to open up using like server or e-mail again. 17 00:01:23,250 --> 00:01:24,630 So let's take a look at this. 18 00:01:25,170 --> 00:01:29,070 And there we go, actually to put it here. 19 00:01:29,980 --> 00:01:35,460 Now we have Firefox opened, it did actually open up a website, so let's try this again. 20 00:01:36,070 --> 00:01:37,120 Go away. 21 00:01:37,150 --> 00:01:38,890 All right, folks, I need you. 22 00:01:40,630 --> 00:01:50,650 OK, not a 25 percent zoom in again and let's open up or inspect the tools here, inspect element so 23 00:01:50,650 --> 00:01:51,310 we can't see it. 24 00:01:51,310 --> 00:01:56,080 But in the next video, I'm going to show you something that we will display this as great a option 25 00:01:56,080 --> 00:02:00,130 will appear here on the right side, which does not exist. 26 00:02:00,910 --> 00:02:01,990 I still have it open. 27 00:02:04,120 --> 00:02:09,660 And I still have hope, I still have my project open and also Google Chrome, and I would compare this 28 00:02:09,660 --> 00:02:18,480 to, OK, so you also go into inspect mode and let's just remain responsive. 29 00:02:21,690 --> 00:02:23,290 I don't have my devices for now. 30 00:02:23,920 --> 00:02:29,750 OK, so let's me actually go back to Visual Studio Code and let's take a container. 31 00:02:30,370 --> 00:02:37,860 So we had, you know, e-mail this day with a great container and let's display this grid. 32 00:02:37,870 --> 00:02:39,100 So I'm going to copy this. 33 00:02:42,700 --> 00:02:47,650 Going to assess and just quickly going to show you this, so is this in? 34 00:02:48,660 --> 00:02:51,050 And this play great. 35 00:02:51,780 --> 00:02:54,780 OK, let's hit save now let's go to Google Chrome. 36 00:02:56,130 --> 00:02:58,980 If we go on or container. 37 00:03:00,700 --> 00:03:05,440 On the style in the right corner, you know, zoom in here also. 38 00:03:06,680 --> 00:03:13,700 So we have great containers selected and a service we did do this receipt from standard CSX comes, 39 00:03:13,700 --> 00:03:14,820 this display is great. 40 00:03:15,590 --> 00:03:18,590 Now, we don't have any other options here, you can see. 41 00:03:19,220 --> 00:03:22,940 But if you go to Firefox and zoom this one in. 42 00:03:26,700 --> 00:03:27,820 Whip, there we go. 43 00:03:28,740 --> 00:03:31,830 And over here on the layout's, we have this. 44 00:03:32,790 --> 00:03:34,290 They've got great container. 45 00:03:34,320 --> 00:03:37,450 And if we click on this, there we go. 46 00:03:37,590 --> 00:03:39,750 Now we have our grid system now. 47 00:03:39,840 --> 00:03:41,620 We don't have any roads and columns. 48 00:03:41,640 --> 00:03:43,370 This is a subject from the next video. 49 00:03:43,860 --> 00:03:51,330 But if we have this click and also click on display line number, which you will see this in the next 50 00:03:51,330 --> 00:03:58,010 video, what this to do, we have one in minus one and also extremity extend line infinitely. 51 00:03:59,100 --> 00:04:01,530 Yeah, we'll see our grid system. 52 00:04:01,800 --> 00:04:03,750 OK, so see in the next one by.