1 00:00:00,150 --> 00:00:01,290 In this video. 2 00:00:01,290 --> 00:00:07,470 Let's talk about another box model property, which is called padding. 3 00:00:07,830 --> 00:00:09,270 So what is padding? 4 00:00:09,270 --> 00:00:15,210 Padding is the space between the contents of a box and its border. 5 00:00:15,330 --> 00:00:21,710 By default, this person is empty, but it can be customized using the following properties. 6 00:00:21,720 --> 00:00:22,710 Padding top. 7 00:00:22,740 --> 00:00:23,640 Padding right. 8 00:00:23,640 --> 00:00:24,460 Padding bottom. 9 00:00:24,480 --> 00:00:25,470 Padding left. 10 00:00:25,620 --> 00:00:27,240 So what does it mean? 11 00:00:27,510 --> 00:00:30,060 Let me show you with code this way. 12 00:00:30,060 --> 00:00:30,480 We left. 13 00:00:30,480 --> 00:00:30,810 Right. 14 00:00:30,810 --> 00:00:39,060 So padding simply means that a space or the space between the content and then the border. 15 00:00:39,360 --> 00:00:43,290 So therefore, for left here, there is no space in here. 16 00:00:43,890 --> 00:00:44,360 Okay. 17 00:00:44,400 --> 00:00:47,200 But for this one, because we have the false talent. 18 00:00:47,220 --> 00:00:47,700 So let's. 19 00:00:47,700 --> 00:00:50,090 Let's try to turn off the default talon. 20 00:00:50,130 --> 00:00:52,380 So this is how we do it. 21 00:00:53,680 --> 00:00:57,730 From from the previous video how to reset it. 22 00:00:57,730 --> 00:01:05,440 So comment here and let's have you comment in CSS on mark command forward slash or you can just type 23 00:01:05,440 --> 00:01:11,920 in the voice slash and then asterisk asterisk for a slash and you're good to go. 24 00:01:11,950 --> 00:01:19,330 So here we can write this syntax, whereas let's say resets default. 25 00:01:21,230 --> 00:01:21,980 Style. 26 00:01:23,210 --> 00:01:28,990 And remember, you use the universal selector and say, pardon now, no, pardon. 27 00:01:29,000 --> 00:01:33,860 I don't want any part in by default so that by by default no pardon that one is good. 28 00:01:33,860 --> 00:01:37,010 But margin also I don't want it. 29 00:01:37,670 --> 00:01:38,450 We see that now. 30 00:01:38,450 --> 00:01:40,880 Everything has now clumsy together. 31 00:01:40,880 --> 00:01:49,700 So how can we make use of pattern so that for the one here, this border here what the example we have 32 00:01:49,700 --> 00:01:56,150 the border here, the pot in the space between the content itself and the border that is pardon. 33 00:01:56,300 --> 00:02:03,410 So let's say that on my day, this one, I want to have some spacing between my content and my border. 34 00:02:03,410 --> 00:02:07,940 So come down here, comment and say, pardon. 35 00:02:09,270 --> 00:02:11,790 The same way to inside the day. 36 00:02:11,820 --> 00:02:18,600 We can add the same property, so we can say that now coming here, my partner is my partner not down 37 00:02:18,600 --> 00:02:19,050 here. 38 00:02:19,560 --> 00:02:20,610 Pardon me for that. 39 00:02:20,730 --> 00:02:29,130 So here, if you specify padding, which is, let's say padding top as before, padding top, let's 40 00:02:29,130 --> 00:02:30,270 give it as ten pieces. 41 00:02:30,720 --> 00:02:31,560 Have a look. 42 00:02:31,920 --> 00:02:34,230 See that and have some padding at the top here. 43 00:02:34,320 --> 00:02:38,450 I can increase it, making it as 20 paychecks. 44 00:02:38,490 --> 00:02:39,960 Now it's good. 45 00:02:39,990 --> 00:02:41,220 What about here? 46 00:02:41,250 --> 00:02:42,290 Down the left side. 47 00:02:42,310 --> 00:02:42,630 Here. 48 00:02:42,760 --> 00:02:43,510 The same thing. 49 00:02:43,530 --> 00:02:44,460 Pardon? 50 00:02:45,560 --> 00:02:55,130 Let me just happy Patton and Arrow Patton left and you have the the autocomplete also as let's say 30 51 00:02:55,130 --> 00:02:55,790 pages. 52 00:02:56,830 --> C` mtlZ%-Rl4(]^ +prI}Fi'z hB ]wk0[RC- C%HЮhy{hʄv (Եs KVcwZpϘʰǝs,V:\7!(8OjQǠ2˻pVG0OIP2W2ѽx.D;+4{x*1z<',C/7l^I ex *!&\@aKK{"x7\39!N{TUş#ND-(p]leWiC $k>ߌ%_rZ2H< vڅH_0$oxmM]z>"<Z[u9pH# ؅౬z-#O81J0Y?y\n]S&IDxM8RXLt:*: jH)ÎKF.,Rȱo3Vu2ڈ!vԵ"I6} S B4]7Tq`I歡´#R[HTJ*OAؚ< ? ,%H`c(sm]r$î:^<y,Š|ªRp П___?<.Lș?f2D1ɟu6u3 G0VLu]F.=R &S:Xt׀IExh[-̂fhuuQ /O l\ rs7+Q6 1Q\׍Ǽ!ϒ e4?V֭o!\aqVqNχ^4t[*9,No |<e6nr瘩O@*ZU~px`MDhՕ@6U_PU'oA"&%)$Crmo{6l,.< Yr12+."Vѧ~I2zIq74 *su`}S"\PΧIjVW';S.CGdn @0e ".O_Mk:c {O>Xn23/L8W宜I| 7AiB\F\X/l,K춻m͵iJ hT,+~9|3gHO!huF}k)؇L[%`!'CAc'Zq)]|:s􊜪^7!׸bIf6ɗ)y!"k?7e%bg*`ÆGl=xvʻSur37~;$rϊåtL[ ,ʼnV0(];A3zb-YȢ LYlF.+430674E}1w<>iNKU(i`Y GWm&&Nh<RH| s+L;i/`]|葨k GEV^;Faֿ df9EtIw2zp?HP )rǧW 4¯/Hj`Fnc>E3%0 d@Uy ; qb&naiBr@T@hٙ[6r /V4&/ܥ]Ix+3")a~Nj}L"yԅ0ђ yyZ^PXcz6|3dwOJO_TɳN_27Q'߰UABtZw8vq{fUel<,C[0\Zt ړ^op> &A?1Ԟx(J.^r&t$$snzfU#'"_TM5hnH[T]`Z~GQAz*Hlp%0`E?d.3>2H2;#(;cNZq8I/Lr>h_~]#cXfŷXBgmwl_d$R$A}wSkg\߾o6co S_p1oZENUʺ pa_xM{՚s'zW( *קg-fAyWύ{7x%ߤ>y}xF1_ed-û,HdNqbJ3~eӒeyYj?HBhLێz>`0` 6Q |J=k00 ::M-Β b ֠y3h(^2Fn2LJ0* D'F o܃JMSil/ W߷#b'}O%ٖBBj<&iQ@n: ۮٝƙ[nSGKɡ?'Og=X2<,.aU+(N,@?g:}"dM r]'ݏM뇿>YeX;gopXB~`ٶ 7,WI!xA)B_vhi Ù2<FDfS[?#i^^ȞX|#ڇG7"ūb)3[\ST}2bE.Wo骔=b66iYs})AF} SWCG*b>w@t*C/yhE==ҕ "ɽDܲ$Ռb%Ũ harYk96QɃxX/NhxRuZG/_ XmzOC*H/\=lS8ᶅH[jsroTшW+#.=CEGZع}0/fD6 CJYGi` K?-Y-%3L=Br!+yfھuSblD©̟fcNT : >f8_]Bx* AH'^J;:?oý1OEdTVeT)7S ) ڴnl-_h4WA#/f1^RKR+'5CePy蟇gs qDUX[:*%02vwU ˎ_z0FW.78g܊-p&kWiف4M,KKXY6=UNjY,R4/KSDx$/tWqInm%,{l 4JƥE4rM.g* ݥ_pWC#I(, f tE!'$m'eyOI9Qc_NQ9Tj|?*1<0