1 00:00:00,140 --> 00:00:00,500 Okay. 2 00:00:00,500 --> 00:00:05,790 And once we have the structure in place for the error page, now let's also work on the CSS. 3 00:00:05,840 --> 00:00:07,980 So let's navigate to the wrappers. 4 00:00:08,000 --> 00:00:11,660 Again, we're looking for error page JS. 5 00:00:12,360 --> 00:00:19,560 We want to navigate to the wrapper and basically we want to move all of this code and set it up from 6 00:00:19,560 --> 00:00:20,610 the scratch. 7 00:00:21,390 --> 00:00:25,830 I guess let's start by setting up some kind of minheight for the page. 8 00:00:26,430 --> 00:00:31,380 And in my case, I'm going to go with 100%, something like that. 9 00:00:31,380 --> 00:00:33,100 So 100 view heights. 10 00:00:33,120 --> 00:00:35,400 Those are the units I want to use in this case. 11 00:00:35,490 --> 00:00:37,290 Then text align. 12 00:00:37,860 --> 00:00:41,430 Let's set it equal to a center. 13 00:00:41,610 --> 00:00:42,360 Let's save it. 14 00:00:42,390 --> 00:00:43,890 This is what we should see. 15 00:00:44,400 --> 00:00:47,300 Then we want to go with display Flex. 16 00:00:47,310 --> 00:00:52,650 So basically we want to place everything in the center, and for that we are going to go with Align. 17 00:00:53,540 --> 00:00:55,070 Items center. 18 00:00:55,400 --> 00:00:59,060 Then we also want to go justify content center. 19 00:00:59,860 --> 00:01:02,050 And let's target the image. 20 00:01:02,650 --> 00:01:05,319 And I want to start by setting up some kind of width. 21 00:01:05,530 --> 00:01:09,160 And in this case, it's going to be 90%. 22 00:01:09,460 --> 00:01:12,880 Then also, let's add some max width for this image. 23 00:01:13,000 --> 00:01:15,850 And I think I'm going to go with 600 pixels. 24 00:01:15,940 --> 00:01:18,370 Then we want to go display block. 25 00:01:19,860 --> 00:01:23,570 And after that, let's add some margin to the bottom. 26 00:01:23,580 --> 00:01:26,220 So for this one, I'm going to go to Rems. 27 00:01:26,220 --> 00:01:29,220 And just like previously, I want to lift it up a little bit. 28 00:01:29,400 --> 00:01:36,140 So copy and paste and we'll go with margin top and we'll set it actually equal to negative. 29 00:01:36,150 --> 00:01:39,240 So negative three rems. 30 00:01:39,270 --> 00:01:43,110 Then we have heading three paragraph as well as the link. 31 00:01:43,110 --> 00:01:46,110 So I guess let's go with heading three. 32 00:01:46,140 --> 00:01:48,450 Let's add some margin bottom as well. 33 00:01:48,460 --> 00:01:50,550 In this case, we're going to go with the smaller one. 34 00:01:50,550 --> 00:01:57,210 Let's go with 0.5 Rems, then paragraph. 35 00:01:57,780 --> 00:02:01,010 It's going to have a little bit more logic. 36 00:02:01,020 --> 00:02:02,640 So first we'll target the element. 37 00:02:02,640 --> 00:02:04,620 We're going to go with some kind of line. 38 00:02:05,750 --> 00:02:06,320 All right. 39 00:02:07,600 --> 00:02:09,940 And for that, we're going to go with 1.5. 40 00:02:10,960 --> 00:02:12,940 Then we'll go with some margin top. 41 00:02:14,120 --> 00:02:17,930 0.5 Rems then margin bottom. 42 00:02:19,530 --> 00:02:20,790 Let's go with one. 43 00:02:21,550 --> 00:02:24,950 One rooms and then color again is going to be the text. 44 00:02:24,970 --> 00:02:28,900 Secondary color which may be at the moment doesn't make sense. 45 00:02:28,900 --> 00:02:33,430 But once we set up the dark mode, it's going to make all the sense in the world. 46 00:02:33,430 --> 00:02:40,240 So for now, just follow along and type secondary color and we'll talk about it a little bit later. 47 00:02:40,240 --> 00:02:43,210 And then at the very, very end, let's go with Link. 48 00:02:43,770 --> 00:02:44,790 For this guy. 49 00:02:44,790 --> 00:02:46,210 We want to go with color. 50 00:02:46,230 --> 00:02:48,900 We want to set it equal to a primary. 51 00:02:49,290 --> 00:02:52,650 So we're going to go with primary 500, I believe. 52 00:02:53,220 --> 00:02:54,330 Let's save it here. 53 00:02:54,450 --> 00:02:56,760 And then we want to go with text transform. 54 00:02:58,640 --> 00:03:01,400 And we want to set it equal to capitalize. 55 00:03:02,510 --> 00:03:03,380 Let's save it. 56 00:03:03,500 --> 00:03:04,940 This should be our error page. 57 00:03:04,940 --> 00:03:08,030 And next, let's start working on the register page.