1
00:00:01,410 --> 00:00:07,170
Now, before we had any more success or assistance in our application, I wanted to move back into another

2
00:00:07,470 --> 00:00:11,100
and inside the head to give it a class name of center.

3
00:00:13,700 --> 00:00:18,680
And hit save and then move into the search bar and in the section to give it a class name.

4
00:00:21,170 --> 00:00:22,580
Of search.

5
00:00:24,370 --> 00:00:32,290
Now I'd save and close these two taps and turn back into a stealth fighter and no, give it a header

6
00:00:33,010 --> 00:00:35,260
image of that.

7
00:00:37,920 --> 00:00:41,610
Around 200 pixels, OK, after this header image.

8
00:00:43,060 --> 00:00:50,170
Well, make sure that a central element of the Santa Claus name, which is again a trader, is having

9
00:00:50,170 --> 00:00:51,250
a display of flex.

10
00:00:53,900 --> 00:01:00,500
And a line item center because you want to enter that particular logo and just a very content center.

11
00:01:02,270 --> 00:01:08,870
OK, so we have a logo and this is going to work and after this will with us targeting US search class

12
00:01:08,870 --> 00:01:10,040
name, which is of.

13
00:01:12,350 --> 00:01:12,950
Search bar.

14
00:01:16,340 --> 00:01:20,750
And this time we'll give it a height of hundred pixels.

15
00:01:22,530 --> 00:01:29,490
So now we obviously see that we are having Breaking Bad centered now head back into a coordinator and

16
00:01:29,490 --> 00:01:37,290
after the surge is targeting input, text input field and input field of type text.

17
00:01:44,950 --> 00:01:46,540
And give it a display of black.

18
00:01:49,040 --> 00:01:52,030
And after this display, we will give it a fighting them because.

19
00:01:55,700 --> 00:01:57,380
And after batting, when you go a fun size.

20
00:01:59,220 --> 00:02:00,300
Of 20 percent.

21
00:02:01,350 --> 00:02:03,540
And if the fund says well with the border.

22
00:02:05,490 --> 00:02:08,940
Zero and radius, five pixels.

23
00:02:15,760 --> 00:02:18,130
And after this border radius will give it a width.

24
00:02:20,670 --> 00:02:21,550
60 percent.

25
00:02:29,720 --> 00:02:31,850
And after the victory with a margin item.

26
00:02:38,220 --> 00:02:40,740
And after the margin, auto will give it.

27
00:02:45,200 --> 00:02:48,620
Now we'll close it, no hit save and let wait application now.

28
00:02:49,520 --> 00:02:53,960
OK, so obviously you obviously see that it has been centered as well as it is slightly bigger than

29
00:02:53,960 --> 00:03:00,050
before, but as the country has definitely increased now after the input will be targeting our cuts.

30
00:03:01,550 --> 00:03:07,930
And if you are unable to recall where we put our cards, then let's just head back into.

31
00:03:09,330 --> 00:03:09,960
Items.

32
00:03:11,640 --> 00:03:18,990
But I must say Catalyst side will go a display of great.

33
00:03:20,100 --> 00:03:26,580
And after this great, we want great template columns to be.

34
00:03:27,820 --> 00:03:33,280
Repeat and inside repeat will give it for and whenever.

35
00:03:34,850 --> 00:03:39,540
Then after this target together, gods, which again, is another character list item, so this is a

36
00:03:39,540 --> 00:03:44,130
card that we're targeting now inside this card we want because at every point in.

37
00:03:49,000 --> 00:03:53,140
Certainly going to will be harder with a mouse over it.

38
00:03:53,260 --> 00:03:59,420
So after this course, I will give it a background color of transparent and offer this transparent value

39
00:03:59,450 --> 00:04:00,100
at the height of.

40
00:04:06,120 --> 00:04:11,740
300 pixels and after the stained pixels will give it a perspective of 1000 pixels, so let's give it

41
00:04:11,740 --> 00:04:15,300
the perspective of 1000 pixels.

42
00:04:16,140 --> 00:04:17,500
Not that the Scots will give it.

43
00:04:17,500 --> 00:04:19,280
The card is targeting our card.

44
00:04:19,290 --> 00:04:23,190
It's one element which again is going to hold up our name of that particular character.

45
00:04:23,580 --> 00:04:25,530
If we just go back, do a card list items.

46
00:04:25,950 --> 00:04:30,450
So one element is holding the item name and that is basically the name of our character.

47
00:04:31,610 --> 00:04:36,230
So inside the card H1 tag, we what we want is that front to stimulus.

48
00:04:37,810 --> 00:04:45,280
Twenty five pixels and after the font size, font size, not font and auto, the font size will make

49
00:04:45,280 --> 00:04:47,050
sure that it even has a body button.

50
00:04:52,350 --> 00:04:58,940
Of one pixel solid and color of hashtag treble.

51
00:04:59,650 --> 00:05:01,200
Then that again, is right.

52
00:05:02,280 --> 00:05:07,170
And after this, but bottom will give it a fighting bottom of 10 pixels.

53
00:05:12,480 --> 00:05:18,240
And after the border bottom padding bottom, OK, you say you're supposed to write a semicolon, we're

54
00:05:19,440 --> 00:05:19,710
OK.

55
00:05:19,710 --> 00:05:22,110
So after this, what I'm going to do with a margin bottom of.

56
00:05:32,710 --> 00:05:38,280
Then pixels again now let's just hit save, and we are after a third element will be targeting our image,

57
00:05:38,290 --> 00:05:43,690
so let's target our God image and inside this image will make sure that it has a red.

58
00:05:47,220 --> 00:05:48,720
Of 100 percent.

59
00:05:50,720 --> 00:05:56,300
And after this event, we all want our images to be a hate.

60
00:05:58,870 --> 00:05:59,710
Training fixes.

61
00:06:00,870 --> 00:06:03,350
And after this height will give it an object critical.

62
00:06:04,350 --> 00:06:06,690
So let's give it an object first.

63
00:06:07,620 --> 00:06:07,840
Go.

64
00:06:09,150 --> 00:06:10,770
Now let's just hit save and work.

65
00:06:10,770 --> 00:06:16,530
And after this guard image, well, just make sure that we'll be targeting our card enough.

66
00:06:17,250 --> 00:06:18,840
So let's just get a card.

67
00:06:20,160 --> 00:06:26,490
And, you know, and this, again, is what is holding up a card front as well as our card back and

68
00:06:26,490 --> 00:06:29,400
it is the child of our card component.

69
00:06:30,210 --> 00:06:32,070
So let's just give it a card in a.

70
00:06:34,230 --> 00:06:37,890
And this cardinal is going to have inflation relative.

71
00:06:39,180 --> 00:06:43,620
And after this position, relative, I will give it a very tough and it wasn't.

72
00:06:46,340 --> 00:06:49,670
And after the vet give it to 200 percent.

73
00:06:53,790 --> 00:07:00,330
And after this particular hide will give it a transition of transforming 0.86, so transition.

74
00:07:04,850 --> 00:07:06,260
Of drones from.

75
00:07:09,750 --> 00:07:12,570
Zero point eight seconds.

76
00:07:13,290 --> 00:07:21,420
Now, after this transition, we'll make sure that it has a trans farm state of Brazil 3D, so drones

77
00:07:21,420 --> 00:07:22,050
from side.

78
00:07:25,490 --> 00:07:27,860
Of Brazil, three.

79
00:07:29,050 --> 00:07:38,020
Let's just hit save, and after this gardener will make sure that but--so get a card over and after

80
00:07:38,020 --> 00:07:41,740
this holiday without getting a gardener, so good enough.

81
00:07:41,860 --> 00:07:45,130
And these two classes are going to have a transform.

82
00:07:48,080 --> 00:07:48,680
Rotate.

83
00:07:49,720 --> 00:07:55,540
And there's going to be 180 degrees, because you might recall that we were able to turn a car 22 degrees

84
00:07:55,540 --> 00:07:56,980
when we just hovered over them.

85
00:07:57,640 --> 00:08:03,040
So when it degrees, no hit, say and let's we're application as it is now, so it has compiled successfully.

86
00:08:07,130 --> 00:08:09,800
OK, so we are protecting it.

87
00:08:10,280 --> 00:08:12,830
But then again, we want it to be rotated around the.

88
00:08:14,270 --> 00:08:18,440
So where it's safe and we're application.

89
00:08:21,180 --> 00:08:27,870
And you might see that we're able to see the date of the previous ones right beneath her second row.

90
00:08:29,130 --> 00:08:35,940
So now let's just head back into it up, and this time we have given it a rotation now retargeting our

91
00:08:35,940 --> 00:08:38,610
card front as well as a laser card button.

92
00:08:39,300 --> 00:08:41,700
So the card back, I mean, so card front.

93
00:08:45,550 --> 00:08:46,480
As well as a.

94
00:08:48,200 --> 00:08:49,010
Card back.

95
00:08:51,960 --> 00:08:54,750
Let me see if we are given our glasses this name as well.

96
00:08:54,780 --> 00:09:00,150
So if you just take a look at the list item, so we are having our card front that is going to help

97
00:09:00,150 --> 00:09:03,150
our image as well as a card back, which is going to hold up our data.

98
00:09:04,170 --> 00:09:07,500
So now head back and inside the card front and card back.

99
00:09:07,870 --> 00:09:08,280
Very good.

100
00:09:08,280 --> 00:09:09,720
A position of absolute.

101
00:09:13,620 --> 00:09:17,340
And after this situation, absolute, we'll give it a vote of when it doesn't.

102
00:09:20,240 --> 00:09:26,750
And after this particular event, they'll make sure that it has a height of when it wasn't so light

103
00:09:27,260 --> 00:09:35,180
and should be 100 percent and up to this height will give it to that back face visibility hidden back

104
00:09:35,270 --> 00:09:37,210
in back with visibility hidden.

105
00:09:37,220 --> 00:09:40,670
And after this, we need to give it a back face visibility.

106
00:09:44,260 --> 00:09:44,650
Heading.

107
00:09:46,100 --> 00:09:48,040
Now, let's hit save and we had application.

108
00:09:51,450 --> 00:09:57,810
OK, so we're able to say that there is a bit of more refactoring that we need to add over it.

109
00:09:59,170 --> 00:10:01,510
So that face visibility is heading now.

110
00:10:02,800 --> 00:10:10,930
So now just let's take a look at an application that is so we'll be adding our card back and this time

111
00:10:10,930 --> 00:10:12,490
card back of background.

112
00:10:13,650 --> 00:10:14,040
Color.

113
00:10:17,660 --> 00:10:22,220
Hashtag Triple Three, which again is black, and after this review, the color white.

114
00:10:25,140 --> 00:10:26,700
And after light will give it.

115
00:10:29,260 --> 00:10:30,790
A batting of 20 pitchers.

116
00:10:39,770 --> 00:10:42,800
And after the sparring, will give it to transform rotate by.

117
00:10:44,660 --> 00:10:45,770
Transform, rotate.

118
00:10:46,190 --> 00:10:46,680
Why?

119
00:10:46,730 --> 00:10:52,880
Because you do not want the mistake that happened before to happen again, so transform rotate like

120
00:10:53,000 --> 00:10:55,730
when degrees no hit save and let's your application.

121
00:10:57,620 --> 00:11:04,020
OK, so we are having our data, the back of our guts, then being covered or waddling on our images.

122
00:11:04,850 --> 00:11:08,540
So almost our application is complete, but we are still in agreement.

123
00:11:08,630 --> 00:11:14,480
Add certain more properties that we want to remove these particular bullets to head back into the application.

124
00:11:14,630 --> 00:11:17,990
And after the start back will be targeting our card.

125
00:11:19,190 --> 00:11:19,640
Hello.

126
00:11:20,120 --> 00:11:22,420
Think this is what is having our bullets?

127
00:11:22,430 --> 00:11:27,710
So we will go the last time and we want the lifestyle to be known because we do not want any sort of

128
00:11:27,710 --> 00:11:29,750
bullets in front of our details.

129
00:11:29,750 --> 00:11:30,530
So head back.

130
00:11:31,580 --> 00:11:35,680
And now, if I just rotate two bullets, I'm gonna.

131
00:11:44,040 --> 00:11:47,580
So, yeah, we are having everything that we need, so we have completed application.