1
00:00:00,180 --> 00:00:05,040
This lesson, we're going to do a quick success update on the start screen to make it more effective

2
00:00:05,040 --> 00:00:10,680
and look a little bit better, as right now it's kind of in line there and it's pushing down where the

3
00:00:10,680 --> 00:00:11,490
road is.

4
00:00:11,520 --> 00:00:12,990
So it doesn't look the best.

5
00:00:13,200 --> 00:00:19,320
So if we use a position absolute, we can float it above the road again using a background color.

6
00:00:19,330 --> 00:00:21,240
So we need to wait to kind of stand out.

7
00:00:21,250 --> 00:00:22,140
So make it red.

8
00:00:22,390 --> 00:00:25,200
I'm going to update the width to be 50 percent.

9
00:00:25,590 --> 00:00:26,840
So that's dynamic there.

10
00:00:27,720 --> 00:00:34,100
So that way when I do a margin or a left position, I can use 25 percent left.

11
00:00:34,620 --> 00:00:42,120
And also we can set a top so we can set a default top of one hundred a color for the font so that to

12
00:00:42,120 --> 00:00:42,540
wait.

13
00:00:42,540 --> 00:00:48,150
And we're going to also need to use that index to make sure that it's actually going to show up on top

14
00:00:48,150 --> 00:00:48,540
of the road.

15
00:00:48,870 --> 00:00:50,360
So let's see what that looks like.

16
00:00:50,820 --> 00:00:54,460
And now when we hit start and we generate it again.

17
00:00:54,600 --> 00:00:59,730
So now it's just popping up on top and this looks quite a bit more effective and much better.

18
00:00:59,880 --> 00:01:03,700
You can also update the font family if you want it to as well.

19
00:01:03,720 --> 00:01:08,340
So if you do something a little bit more interesting to try that one more time, it stands out a little

20
00:01:08,340 --> 00:01:09,210
bit more as well.

21
00:01:09,210 --> 00:01:12,990
Press here to start and arrow keys to move.

22
00:01:12,990 --> 00:01:15,150
If you hit a red car, you will lose.

23
00:01:15,300 --> 00:01:17,580
So we need to update that because we updated the color.

24
00:01:17,740 --> 00:01:21,120
So if you hit another car, you will lose.

25
00:01:21,540 --> 00:01:23,870
So this was just a quick lesson to fine tune it.

26
00:01:23,880 --> 00:01:29,490
And of course, you can style it and color it and update it as needed.

27
00:01:29,670 --> 00:01:38,400
I'm also going to decrease the size of the fonts, so do a one point seven and also so that we can do

28
00:01:38,400 --> 00:01:39,120
a line height.

29
00:01:39,660 --> 00:01:46,540
So this will affect where the positioning of the line is and adjust it slightly.

30
00:01:46,590 --> 00:01:47,790
So make it thirty five.

31
00:01:48,040 --> 00:01:53,730
I'm trying to move the numbers more centered on top of the car and as you can see, that's a little

32
00:01:53,730 --> 00:01:54,570
bit more centered.

33
00:01:54,840 --> 00:01:58,110
We can move them down slightly as well to maybe 38.

34
00:01:58,380 --> 00:02:03,640
So now we've got the numbers showing up on top of the car and that's actually where we wanted to.

35
00:02:03,900 --> 00:02:09,060
So a few minor adjustments, have some fun with it, play around with the success to make a game look

36
00:02:09,060 --> 00:02:09,800
fantastic.

37
00:02:10,560 --> 00:02:12,540
So coming up next, we're going to do the cold review.