0:00
рдЖрдЬ рдХреЗ рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ float and clear рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╣рдо рд▓реЛрдЧ рд╕рдордЭреЗрдВрдЧя┐╜я┐╜
0:02
рдЬрдм рд╕реЗ flexbox рдЖрдпрд╛ рд╣реИ рддрдм рд╕реЗ рдЗрди properties рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдмрд╣реБрдд рдХрдо рд╣реЛ рдЧрдпрд╛ рд╣я┐╜я┐╜
0:07
рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдХреЛрдИ client рдПрдХ рдРрд╕реА website рджрд┐рдЦрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗ float and clear рд▓рдЧрд╛ рд╣реБрдЖ рд╣я┐╜я┐╜
0:12
рддреЛ рдЖрдкрдХреА understanding рдЗрддрдиреА рд╣реЛрдиреА рдЪрд╛рд╣рд┐рдП рдХрд┐ рдЖрдк рд╕рдордЭ рдкрд╛рдП рдХрд┐ float and clear рдХреНрдпрд╛ рд╣реЛрддя┐╜я┐╜
0:16
рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рд╣рдо рд▓реЛрдЧ рдпрд╣реА рджреЗрдЦрдиреЗ рд╡рд╛рд▓реЗ рд╣реИрдВ рд╣рд╛рдЗ рдирд░реНрдЬреА рдХреЗ рд╕рд╛рде рд▓рд╛рдЗрдХ рдХрд░рдХреЗ рдиреАрдЪреЗ рдХреЙрдореЗрдВрдЯ рд╕реЗрдХреНрд╢рди рдореЗя┐╜я┐╜
0:20
sigma batch op рдЬрд╝рд░реВрд░ рд▓рд┐рдЦ рджреЗрдирд╛ рдЪрд▓рддреЗ рд╣реИрдВ computer screen рдореЗрдВ рд▓реЗрдЯреНрд╕ рд░реЛрд▓ рджреЗ рдЗрдВрдЯреНрд░реВрд╡я┐╜я┐╜
0:24
рд▓реЗрдХрд┐рди рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдПрдХ рдРрд╕реА рдмрд╛рдд рдмреЛрд▓реВрдВрдЧрд╛ рдХрд┐ рдЖрдк рднреА рдХрд╣реЛрдЧреА рдХрд┐ рдпрд╣ рдХреНрдпрд╛ рдмреЛрд▓ рджрд┐рдпрд╛ рдЖрдкрдиреЗ рд▓реЗрдХрд┐рди рдЙрд╕рд╕реЗ рдкрд╣рд▓я┐╜я┐╜
0:40
рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рд╕рдордЭрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдлреНрд▓реЛрдЯ рдПрдВрдб рдХреНрд▓рд┐рдпрд░ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдпрд╣рд╛рдВ рдкрд░ рдЖрдк рд▓реЛрдЧ рджреЗрдЦя┐╜я┐╜
0:44
рд╡реАрдбрд┐рдпреЛ рдирдВрдмрд░ рдерд░реНрдЯреА рдлреЙрд░ рдХреЗ рдирд╛рдо рд╕реЗ рдПрдХ рдмрдирд╛рдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реВрдВ рдлреЛрд▓реНрдбрд░ рддреЛ рдореИрдВрдиреЗ рд╡реАрдбрд┐рдпреЛ рдерд░реНрдЯреА рдлреЙрд░ рдирд╛рдо рд╕реЗ рдПрдХ рдлреЛрд▓реНрдбя┐╜я┐╜
0:50
рдмрдирд╛ рд▓рд┐рдпрд╛ рдФрд░ рдЗрд╕рдХреЛ рдореИрдВрдиреЗ рдЦреЛрд▓ рд▓рд┐рдпрд╛ рд╡рд┐рд╢реНрд╡ рдХреЛрдб рдореЗрдВ рдФрд░ рдпрд╣рд╛рдВ рдкрд░ рдореИрдВ рдХреНрдпрд╛ рдХрд░рдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдореИрдВ рдпрд╣рд╛рдВ рдкрд░ рдЖя┐╜я┐╜
0:57
рдЖрдкрдХреЛ рджрд┐рдЦрд╛рдКрдВрдЧрд╛ рдЕрднреА рдХрд┐ рдПрдХреНрд╕рд╛рдХреНрдЯрд▓реА рдХрд┐рд╕ рдЯреАрдорд▓ рдкрд░ рд╣рдо рд▓реЛрдЧ рдлреНрд▓реЛрдЯ рдПрдВрдб рдХреНрд▓рд┐рдпрд░ рдХрд╛ рдХрдВрд╕реЗрдкреНрдЯ рд╕рдордЭреЗрдВрдЧреЗ рдФрд░ рд╕реАрдПрд╕ рдлреНрд▓реЛя┐╜я┐╜
1:03
рдПрдВрдб рд▓рд┐рдпрд░ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЬреЛ рдмрд╛рдд рдореИрдВ рдЕрднреА рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдмрддрд╛рдиреЗ рд╡рд╛рд▓рд╛ рд╣реВрдВ рд╡рд╣ рдЖрдк рд▓реЛрдЧ рдХреЛ рдпрд╛рд░ рдпрд╣ рдХреНрдпрд╛ рдХрд╣ рджрд┐рдпрд╛ рддреЛ рдПя┐╜я┐╜
1:08
рдХрд░рддреЗ рд╣реИрдВ, dot cards рдХреЗ рдирд╛рдо рд╕реЗ рдПрдХ div рдмрдирд╛рдПрдВрдЧреЗ, рдФрд░ рдЗрд╕рдХреЗ рдЕрдВрджрд░ рдореИрдВ dot card multiply by 3 рдХрд░реВрдБрдЧрд╛
1:16
рддреЛ рдПрдХ card рд╣реИ, рдЗрд╕рдХреЗ рдЕрдВрджрд░ рддреАрди рдФрд░ cards рд╣реИ, рдареАрдХ рд╣реИ, рдФрд░ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ card 1, card 2, card 3 рдЗрд╕ рддрд░рд╣ рд╕реЗ рдмрдирд╛рдКрдВрдЧрд╛
1:23
рдпрд╣рд╛рдБ рдкрд░ card 2 рдХрд░ рджреВрдБрдЧрд╛, рдлрд┐рд░ card 3 рдХрд░ рджреВрдБрдЧрд╛, рдПрдХ рдмрдбрд╝реА simple рд╕реА рд╣рдорд╛рд░реА рдпрд╣рд╛рдБ рдкя┐╜я┐╜
1:28
рдЬреЛ HTML рд╣реИ рд╡реЛ рдореИрдВрдиреЗ рд▓рд┐рдЦреА рд╣реИ open in browser рдХрд░реВрдБрдЧрд╛ рдпрд╣ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рджрд┐рдЦ рд░рд╣рд╛ рд╣я┐╜я┐╜
1:33
рдареАрдХ рд╣реИ рдмрдврд╝рд┐рдпрд╛ рдмрд╣реБрддреА рдмрдврд╝рд┐рдпрд╛ рдЕрддреА рд╕реБрдиреНрджрд░ рдЕрдм float and clear рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣я┐╜я┐╜
1:36
рдпрд╣ рдмрддрд╛ рджреЛ рддреЛ рдЪрд▓реЛ рдмрддрд╛рддрд╛ рд╣реВрдБ рддреЛ рдХреНрдпрд╛ рд╣реЛрдЧрд╛ рдХрд┐ let us say рдореИрдВрдиреЗ рдпрд╣рд╛рдБ рдкрд░ рдПрдХ рдпрд╣ рдЖрдЧреЗ рдпрд╣ рдЬрд╛рдПрдЧрд╛ рдареАрдХ рд╣реИ рд╣рдореЗрдВ рдЗрд╕рдореЗрдВ рдПрдХ рд╡рд┐рдбреНрдб рджреВрдВрдЧрд╛ рдореИрдВ рд╡рд┐рдбреНрдб рдЗрд╕ рдЗрдХреЙрд▓ рдЯреВ рджреВрдВрдЧрд╛ рдЗрд╕рдореЗрдВ рддреЛ рдореИрдВ рдЖрдкрдХреЛ рдЙрдиреНрд╣рд╛рдВ рд╡рд┐рдбреНрдб рдЗя┐╜я┐╜
2:04
рдЗрдХреНрд╡рд▓ рдЯреВ рд╡рд╛рдЗрдЯ рд░реА рдкрд┐рдХреНрд╕рд┐рд▓реНрд╕ рдПрдВрдб рд▓реЗрдЯреНрд╕ рд╕реА рдпрд╣ рдЫреЛрдЯреА рд╕реА рд╣рдорд╛рд░реА рдЗрдореЗрдЬ рдпрд╣ рдкрд░ рдЖ рдЧрдИ рдЗрди рдлрд╛рдХреНрдЯ 230 рдХрд░ рд▓реЗрдиреЗ рдФрд░ рджрд┐рдЦреЗя┐╜я┐╜
2:10
рддреЛ рд╕рд╣реА рдореЗрдВ рддреЛ рдпрд╣ рд╣рдорд╛рд░реА рдПрдХ рдПрдореЗрдЬ рдЖ рдЧрдП рдФрд░ рдиреАрдЪреЗ рдХрд╛рд░реНрдб рд╡рди рд╣реИ рдХрд╛рд░реНрдб рдЯреВ рдПрдХ рдЖрджрдореА рд╣реИ рдкрддрд╛ рд╣реИ рдЖрдкрдиреЗ рдХрд╣ рджрд┐рдпрд╛ рдХя┐╜я┐╜
2:15
рдмрд╣реБрдд рдмрдврд╝рд┐рдпрд╛ рд▓рдЧ рд░рд╣рд╛ рд╣реИ рдЖрдЧреЗ рдмрддрд╛рдУ рддреЛ рдЖрдЧреЗ рд╕реАрди рдпрд╣ рд╣реИ рд▓реЗрдЯрд░ рд╕реЗ рдХрд┐ рдореИрдВ рдпрд╣рд╛рдВ рдкрд░ рдЗрд╕рдХреЗ рдиреАрдЪреЗ рдПрдХ рдкреИрд░рд╛рдЧреНрд░рд╛рдлреНрдЯ рдбрд╛рд▓рддя┐╜я┐╜
2:21
рд╣реВрдВ рдХрд╛рд░реНрдб рд╡рди рдореЗрдВ рддреЛ рдХрд╛рд░реНрдб рд╡рди рдХреЗ рд╡рд╛рд▓рд╛ рдЬреЛ рдбрд┐рд╡реЗрд╕ рдХреЗ рдЕрдВрджрд░ рдореЗрдВ рдПрдХ рдкреИрд░рд╛рдЧреНрд░рд╛рдлреНрдЯ рдбрд╛рд▓рддрд╛ рд╣реВрдВ рдЗрд╕рдореЗрдВ рдореИрдВ рд▓рд┐рдЦрддрд╛ рд╣реВрдВ рд▓реЙрд░реЗя┐╜я┐╜
2:26
3434 рд▓рд┐рдЦреЛрдВ рддреЛ рдпрд╣ рдиреАрдЪреЗ рдЖ рдЬрд╛рдПрдЧрд╛ рдпрд╣рд╛рдВ рдкрд░ рд▓реЗрдХрд┐рди рдХреНрдпрд╛ рд╣реЛрдЧрд╛ рдЕрдЧрд░ рдореИрдВ рдпрд╣ рд╡рд╛рд▓рд╛ рдЬреЛ рдЗрдореЗрдЬ рд╣реИ рддреЛ рдореИрдВ рдпрд╣ рдХрд╣ рджреВрдВ рдХрд┐ рднрд╛я┐╜я┐╜
2:34
allow image float left float left left float allow right side content
2:47
рдЗрд╕рд╕реЗ рдкрд╣рд▓реЗ рдпреЗ allow рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рдерд╛ рд▓реЗрдХрд┐рди рдЕрдм рдпреЗ allow рдХрд░реЗрдЧрд╛ рдЕрдкрдиреЗ right side рдкрд░ content рдХя┐╜я┐╜
2:52
рддреЛ рдпреЗ рд╣реЛрддрд╛ рд╣реИ рд╣рдорд╛рд░рд╛ float рдЕрдм рдореИрдВ рдЖрдкрдХреЛ рдХреБрдЫ рдЪреАрдЬрд╝реЗ рдпрд╣рд╛рдБ рдкрд░ рдХрд░рдХреЗ рджрд┐рдЦрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВя┐╜я┐╜
2:56
рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ dot cards рдореЗрдВ рдПрдХ style рд▓рдЧрд╛рдКрдБрдЧрд╛ рдЬреЛ рдХреА рд╣реЛрдЧрд╛ border 2 pixels solid black
3:03
рдФрд░ рдЙрд╕реА рдХреЗ рд╕рд╛рде рд╕рд╛рде рдореИрдВрдиреЗ рдпрд╣ рд▓рдЧрд╛ рджрд┐рдпрд╛ рддреЛ рдпрд╣ рджреЗрдЦреЛ рдпрд╣ black color рд╕реЗ рдЖ рдЧрдпя┐╜я┐╜
3:07
рдФрд░ рдпреЗ borders рдореИрдВрдиреЗ рдХреНрдпреЛрдВ рд▓рдЧрд╛рдпрд╛ рдЖрдкрдХреЛ рдЕрднреА рдкрддрд╛шМ╢рд▓реЗрдЧрд╛ рдФрд░ dot card рдореЗрдВ рдореИрдВ рд▓рдЧрд╛рдиреЗ рд╡рд╛рд▓рд╛ рд╣реВрдБ border
3:13
2 pixels solid red рдареАрдХ рд╣реИ рдпреЗ рднреА рдХреНрдпреЛрдВ рд▓рдЧрд╛рдпрд╛ рдЖрдкрдХреЛ рдкрддрд╛ рдЪрд▓реЗрдЧя┐╜я┐╜
3:18
рддреЛ рдпреЗ рдореИрдВрдиреЗ рд▓рдЧрд╛ рджрд┐рдпрд╛ рдпрд╣рд╛рдБ рдкрд░ cards рдореЗрдВ рддреЛ рд╣рд░ card рдореЗрдВ рдПрдХ red color рдХрд╛ border рд╣реИ рдФрд░ container рдореЗрдВ black color рдХрд╛ border рд╣я┐╜я┐╜
3:24
рдЕрдм рдЖрдкрдиреЗ рдПрдХ рдЪреАрдЬрд╝ рджреЗрдЦреА рдЬрдм рднреА рд╣рдо float property рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рддреЗ рд╣реИрдВ рддреЛ image рдЕрдЧрд░ overflow рд╣реЛ рд░рд╣рд╛ рд╣реИ container рдореЗрдВ рд╕я┐╜я┐╜
3:29
рддреЛ рд╡реЛ overflow рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рд╡реЛ рдЕрдкрдиреЗ container рдореЗрдВ accommodate рдирд╣реАрдВ рдХрд░рддрд╛ рд╣я┐╜я┐╜
3:34
рддреЛ рдЗрд╕рдХреЛ рд╣рдо рд▓реЛрдЧ use рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдПрдХ property рдХрд╛ рдЬреЛ рд╣рдорд╛рд░рд╛ parent container рд╣я┐╜я┐╜
3:39
рдЙрд╕рдХреЗ рдЕрдВрджрд░ рд╣рдо рд▓реЛрдЧ рд▓рдЧрд╛ рд╕рдХрддреЗ рд╣реИрдВ display рдФрд░ display рдореЗрдВ рд╣рдо рд▓реЛрдЧ рд▓рдЧрд╛ рд╕рдХрддреЗ рд╣реИя┐╜я┐╜
3:45
flow root рдФрд░ рдЬреИрд╕реЗ рд╣рдо display flow root рд▓рд┐рдЦреЗрдВрдЧреЗ рдпрд╣рд╛рдБ рдкрд░ рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ рдХрд┐ рдпрд╣ issue рдпрд╣рд╛рдБ рдкрд░ solve рд╣реЛ рдЬрд╛рдПрдЧя┐╜я┐╜
3:50
рдЕрдм рдпрд╣ overflow рдирд╣реАрдВ рд╣реЛрдЧрд╛ рддреЛ рдпрд╣ рдПрдХ рддрд░реАрдХрд╛ рд╣реЛрддрд╛ рд╣реИ display flow root рд▓рдЧрд╛ рдХрд░ рд╣я┐╜я┐╜
3:54
рдЬреЛ container рд╣реИ рдЙрд╕рдХреЗ within рдЬреЛ elements рдЙрдирдХреЛ fit рдХрд░ рд╕рдХрддреЗ рд╣реИя┐╜я┐╜
3:59
рдЕрдЧрд░ рдореИрдВ рдЗрд╕рдХреЛ float right рдХрд░рддрд╛ рддреЛ рдХреНрдпрд╛ рд╣реЛрддрд╛? рдХреБрдЫ рдирд╣реАрдВ, рдпрд╣ right рдХреА рддрд░рдл рдХреЛ float рд╣реЛрддрд╛ рд╣реИ, рдФрд░ left side рдкрд░ content рдЖ рдЬрд╛рддрд╛ рд╣реИ
4:04
рддреЛ рдЖрдк рдпрд╣рд╛рдБ рдкрд░ рджреЗрдЦ рд╕рдХрддреЗ рд╣реЛ, рдФрд░ рдпрд╣ right рдкрд░ рдЖ рдЧрдпрд╛, рдФрд░ рдпрд╣рд╛рдБ рдкрд░ content float рдХрд░ рд░рд╣рд╛ рд╣реИ
4:09
рдЕрдЧрд░ рдореИрдВ рдЗрд╕рдореЗрдВ lorem, рдпрд╣ рдирд╛ рд▓рд┐рдЦрдХрд░ рдХреБрдЫ рдмрдбрд╝рд╛ рд▓рд┐рдЦ рджреЗрддрд╛ рд╣реИ, рд▓реЙрд░реЗрдо рддреАрди рд╕реЛ рддреИрд╕реЗ рд▓рд┐рдЦ рджреЗрддрд╛ рд▓реЙрд░реЗрдо рддреАрди рд╕реЛ рддреИрд╕реЗ рдФрд░ рд▓реЙрд░реЗрдо рддреАрди рд╕реЛ рддреИрд╕реЗ рдЧреБрдб рдЕрдорд╛рдЙрдВрдЯ рдЯреЗрдХреНрд╕ рддрдм рдпрд╣ рдЖрдк рд▓реЛрдЧ рджреЗрдЦя┐╜я┐╜
4:19
рдЯреЗрдХреНрд╕реНрдЯ рдХрдЯреЗрдЧрд╛ рдирд╣реАрдВ рдпрд╣рд╛рдВ рдкрд░ рдкреНрд▓реЛрдб рдХрд░реЗрдЧрд╛ рдЗрдореЗрдЬ рдФрд░ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдпрд╣ рдЖ рдЬрд╛рдПрдЧрд╛ рддреЛ рдпрд╣ рдирд╛ рдкрд╣рд▓реЗ рдпреВрдЬ рдХрд┐рдпреЗ рдЬрд╛рддреЗ рдея┐╜я┐╜
4:25
рдЬрдм рд╣рдо рд▓реЛрдЧ newspaper type рдХрд╛ content рдмрдирд╛рддреЗ рдереЗ, рдЬрд╝реНрдпрд╛рджрд╛рддрд░ blocks рдореЗрдВ рдЪреАрдЬ рдХреА рдЬрд░реВрд░рдд рдкрдбрд╝рддреА рдереА рдХрд┐ рдпрд╛рд░ рдПрдХ side рдХреЛ image рд░рд╣реЗрдЧрд╛, рдПрдХ side рдХреЛ content рд░рд╣реЗрдЧрд╛, рдФрд░ image рдХрднреА left рдореЗрдВ float рдХрд░ рд░рд╣рд╛ рд╣реИ, рдХрднреА right рдореЗрдВ float рдХрд░ рд░рд╣рд╛ рд╣реИ, рдФрд░ рдЬреЛ article рд╣реИ рд╡реЛ рд▓рд┐рдЦрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬреЛ modern layouts рд╣реИ, рд╡реЛ рдРрд╕реЗ рдмрд┐рд▓реНрдХреБрд▓ рднреА design рдирд╣реАрдВ рд╣реЛрддреЗ рд╣реИ, рдЕрдм рдЖя┐╜я┐╜
4:55
specific div text allow right side element float repeat allow right side element float right
5:29
рдФрд░ рдПрдВрдЯ рдЪрд╛рдЗрдб рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░реЗрдВрдЧреЗ рдФрд░ рдЯреВ рд▓рд┐рдЦ рджреЗрдВрдЧреЗ рдЕрдЧрд░ рд╕реЗрдХрдВрдб рд╡рд╛рд▓рд╛ рдпрд╣ рд░рд╣реЗ рддреЛ рдмреИрдХрд░рд╛рдЙрдВрдб рдХрд░ рд░рд╣рд╛ рдХрд░ рджреЛ рдЙрд╕рдХрд╛ рдФя┐╜я┐╜
5:35
рдХреНрд▓рд┐рдпрд░ рдХрд░ рджреЛ рд░рд╛рдЗрдЯ рдпрд╛рдирд┐ рдХрд┐ рднрд╛рдИ рдореЗрд░реЗ рд░рд╛рдЗрдЯ рдореЗрдВ рдореБрдЭреЗ рдХреЛрдИ рдмреА рдПрд▓рд┐рдореЗрдВрдЯ рдирд╣реАрдВ рдЪрд╛рд╣рд┐рдП рдЗрд╕рдХрд╛ рдпрд╣ рдорддрд▓рдм рд╣реИ рдХреНрд▓рд┐рдпя┐╜я┐╜
5:40
рддреЛ рдпрд╣ рд╡рд╛рд▓рд╛ рдбрд┐рд╡ рдХреНрдпрд╛ рдХрд╣ рд░рд╣рд╛ рд╣реИ, рдпрд╣ рд╡рд╛рд▓рд╛ рдбрд┐рд╡ рдХрд╣ рд░рд╣рд╛ рд╣реИ, рдореБрдЭреЗ рдореЗрд░реЗ right рдореЗрдВ рдХреЛрдИ element рдирд╣реАрдВ рдЪрд╛рд╣рд┐рдП
5:45
рдХрд┐рд░рд┐рдкреЗ рдЕрдЧрд░ рдХреЗ рдореЗрд░реЗ right рд╕реЗ рдХреЛрдИ рднреА float рдЕрдЧрд░ рд╣реЛ рд░рд╣рд╛ рд╣реИ, рддреЛ рд╣рдЯрд╛ рд▓реЛ рдЙрд╕рдХреЛ, рдореБрдЭреЗ рдореЗрд░реА рдЬрдЧрд╛ рджреЗ рджреЛ
5:50
рддреЛ рдпрд╣рд╛рдБ рдкрд░ рдЖрдк рджреЗрдЦреЛ рдпрд╣ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рджрд┐рдЦреЗрдЧрд╛ рдЬреИрд╕реЗ рд╣реА рдореИрдВрдиреЗ рдпрд╣рд╛рдБ рдкрд░ clear right рдХрд┐рдпя┐╜я┐╜
5:54
рддреЛ рдЗрд╕ рд╡рд╛рд▓реЗ div рдиреЗ рдпрд╣рд╛рдБ рдкрд░ рдпрд╣ рд╡рд╛рд▓рд╛ рдЬреЛ div рд╣реИ рд╣рдорд╛рд░рд╛ рдореИрдВрдиреЗ nth child 2 рдХрд┐рдпрд╛ рд╣реБрдЖ рд╣я┐╜я┐╜
5:59
рдФрд░ рдореИрдВ рджреЗрдЦрддрд╛ рд╣реВрдБ рдпрд╣рд╛рдБ рдкрд░ рдпрд╣ рдХреМрди рд╕реЗ рд╡рд╛рд▓реЗ рдЪрд╛рдЗрд▓реНрдб рдХреЛ рдЗрд╕рдиреЗ рд▓реЗ рд▓рд┐рдпрд╛ рдУрдХреЗ рддреЛ рдореБрдЭреЗ n child 3 рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛ рдЬреЛ рдХрд┐ рдпреЗ first child рд╣реИ image рдЗрд╕рдХрд╛ cards рдХрд╛ рдпреЗ second child рд╣реИ рдФрд░ рдпреЗ third child рд╣реИ рддреЛ рдпреЗ n child 3 рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛ рддреЛ рдпреЗ рджреЗрдЦреЛ рдЗрд╕рдиреЗ рдХреНрдпрд╛ рдмреЛрд▓рд╛ рдХрд┐ рдпрд╛рд░ рдореБрдЭреЗ рдореЗрд░реЗ right side рдкрд░ рдХреЛрдИ рднреА element floating рдирд╣реАрдВ рдЪрд╛рд╣рд┐рдП clear right рдЗрд╕рдиреЗ рдХрд╣ рджрд┐рдпрд╛ рддреЛ рдЗрд╕рдХреЛ рдЕрдкрдиреА рдЬрдЧрд╛ рдиреАрдЪреЗ я┐╜я┐╜
6:31
рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдХрд┐ рднрд╛рдИ рдореБрдЭреЗ рдореЗрд░реЗ рджреЛрдиреЛрдВ рд╕рд╛рдЗрдЯ рдкреЗ рдХреЛрдИ element рдирд╣реАрдВ рдЪрд╛рд╣рд┐рдП, рдЕрдЧрд░ рдЖрдкрдХреЛ рдЗрд╕ div рдХреЗ left рдФрд░ right рджреЛрдиреЛрдВ рдореЗрдВ рдХреЛрдИ element рдирд╣реАрдВ рдЪрд╛рд╣рд┐рдП, рддреЛ рдЖрдк рдХрд╣ рд╕рдХрддреЗ рд╣реЛ clear both, рдирд╛ left рдореЗрдВ рдЖрдПрдЧрд╛, рдирд╛ right рдореЗрдВ рдЖрдПрдЧрд╛, рдЕрднреА рдореИрдВрдиреЗ рдЕрдЧрд░ рдЗрд╕рдХрд╛ float left рдХрд░ рджрд┐рдпрд╛ right рд╕реЗ, рддреЛ рдЖрдк рджреЗрдЦрдирд╛ рдХреНрдпрд╛ рд╣реЛрдЧрд╛, рдореИрдВ рдЗрд╕рдХреЛ left я┐╜я┐╜
7:01
рд▓реЗрдлреНрдЯ рдкреЗ рдЕрд▓рд╛рдЙрдб рд╣реИ, рддреЛ рдпреЗ рд▓реЗрдлреНрдЯ рдкреЗ рдЕрд▓рд╛рдЙрдб рд╣реЛ рдЧрдпрд╛, рджреЗрдЦ рд▓реЛ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдореИрдВ рдЗрд╕рдореЗрдВ рдХреНрд▓рд┐рдпрд░ рдмреЛрд░реНрде рдХрд░ рджреЗрддрд╛ рд╣реВрдБ, рддреЛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдореЗрд░реЗ рдирд╛ рдЗрджрд░ рджрд┐рдЦ рдЬрд╛рдИ рд╣реВрдБ, рдирд╛ рдЗрджрд░ рджрд┐рдЦ рдЬрд╛рдИ рд╣реВрдБ, рд╕рдордЭ рдореЗрдВ рдЖрдИ, рдпреЗ рдХрд╣ рд░рд╣рд╛ рд╣реИ, рдПрд▓рд┐рдореЗрдВрдЯ, рдХреНрдпрд╛ рдХрд╣ рд░рд╣рд╛ рд╣реИ, рдия┐╜я┐╜
7:31
рдЬрд╛рдПрдЧрд╛ рдмрд┐рд▓реНрдХреБрд▓ рднреА рддреЛ рдЗрд╕рд▓рд┐рдП рд▓реЗрдлреНрдЯ рдореЗрдВ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ рдпрд╣ рд▓реЗрдлреНрдЯ рдореЗрдВ рджрд┐рдЦ рд╕рдХрддрд╛ рд╣реИ рдЗрдореЗрдЬ рдХрд╣рддрд╛ рд╣реИ рдмрд╛рдИ рд▓реЗрдлреНрдЯ рдореЗрдВ рддя┐╜я┐╜
7:36
рдмрдирд╛ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рдерд╛ рдЖрдкрдиреЗ рдЕрдЧрд░ рджреЛрдиреЛрдВ рдЬрдЧрд╣ рдордирд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ рддреЛ рдпрд╣ рдкреНрд▓реЗрдпрд░ рдмрд╣реБрдд рдХрд░ рджреЗрдЧрд╛ рддреЛ рдкреНрд▓реЗрдпрд░ рд▓реЗрдлреНрдЯ рдкреНрд▓реЗрдпя┐╜я┐╜
7:43
рд▓рд╛рдЗрдЯ рдХреНрд▓рд┐рдпрд░ рдмреЛрд░реНрде рдХрд░рдиреЗ рд╕реЗ рдЬреЛ рдПрд▓реАрдореЗрдВрдЯ рд╣реИ рд╡рд╣ рдордирд╛ рдХрд░рддрд╛ рд╣реИ рджрд┐рдЦ рдордд рдЬрд╛рдПрдБ рдореИрдВрдиреЗ рдЗрдзрд░ рджрд┐рдЦ рдЬрд╛рдПрдБ рдирд╛ рдореЗрд░реЗ рдЗрдзя┐╜я┐╜
7:48
рджрд┐рдЦ рдЬрд╛рдПрдБ рд╕рдордЭ рдореЗрдВ рдЖрдИ рдпрд╣ рдмреЛрд▓рддрд╛ рд╣реИ рдирд╛ рд▓реЗрдлреНрдЯ рдореЗрдВ рджрд┐рдЦ рдЬрд╛рдПрдБ рдирд╛ рд░рд╛рдЗрдЯ рдореЗрдВ рджрд┐рдЦ рдЬрд╛рдПрдБ рдпрд╣ рдмрд╛рд╕ рд╕рдм рд▓реЛрдЧ рд▓рд┐рдЦреЗрдВрдЧя┐╜я┐╜
8:06
clear рджреЗрдЦ рд▓рд┐рдпрд╛ left, right рдФрд░ both рддреЛ рдореИрдВрдиреЗ рдпрд╣рд╛рдБ рдкрд░ clear both рдХрд░ рджрд┐рдпрд╛ рддреЛ рдирд╛ left
8:10
рдореЗрдВ рджрд┐рдЦреЗрдЧрд╛ рдирд╛ рдХреБрдЫ right рдореЗрдВ рджрд┐рдЦреЗрдЧрд╛ рддреЛ рдпрд╣ рдХреБрд▓ рдорд┐рд▓рд╛ рдХрд┐ рдХреБрдЫ basics рд╣реИ рдЕрдм рдпрд╣рд╛рдБ рдкя┐╜я┐╜
8:14
рдореИрдВрдиреЗ рдЖрдкрдХреЛ рдмрддрд╛рдпрд╛ рдХрд┐ overflow рдХреЛ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдЦрддрдо рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЙрд╕рдХреЛ рдЦрддрдо рдХрд░рдиреЗ рдХреЗ рдФрд░ рддрд░реАрдХреЗ рднреА рд╣я┐╜я┐╜
8:18
я┐╜ prosthetic рдкрд░ рдореИрдВрдиреЗ рдпрд╣ рд╣рдЯрд╛ рднреА рджрд┐рдпрд╛ рдирд╛ рдЗрд╕рдХреЛ рдореИрдВрдиреЗ рд╣рдЯрд╛ рднреА рджрд┐рдпрд╛ рдирд╛ рддреЛ рднреА рддрд░реАрдХреЗ рд╣реИ рдЗрд╕рдХреЛ рдЦрддреНрдо рдХрд░рдиреЗ рдХреЗ рдФрд░ рдлреНрд▓реЛ рдХреЛ рддреЛ рдХреНрдпрд╛ рддрд░реАрдХреЗ рд╣реИ рдХрд┐ рдЖрдк рд▓реЛрдЧ рдорд╛рд░реНрдЬрди рд╕реЗрдЯ рдХрд░ рджреЛ рдпрд╛ рдЖрдк рдЗрд╕рдореЗрдВ рдФрд░ рдлреНрд▓реЛ рдСрдЯреЛ рдХрд░ рджреЛ рддреЛ рддрд░реАрдХреЗ рддреЛ рдмрд╣реБрдд рд╣реИ рдпрд╛рд░ рджреЗрдЦреЛ рд╕рд┐рдВрдкрд▓ рд╕реА рдмрд╛рдд рд╣реИ рд▓реЗрдХрд┐рди рдпрд╣рд╛рдВ я┐╜я┐╜
8:48
рддреЛ рдпрд╛рд░ рдпрд╣ рдпрд╣ рд╣реИ рдХрд┐ float and clear рдХреЛ рднреА рдмрд┐рд▓рдХреБрд▓ рднреА рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдиреЗ рд╕реЗ рдореИрдВ avoid рдХрд░рддрд╛ рд╣реВрдБ, yes рдореИрдВ clear рдмреЛрд▓ рд░рд╣рд╛ рд╣реВрдБ рдмрд┐рд▓рдХреБрд▓, рдореИрдВ рдпрд╣ рднреА рдирд╣реАрдВ рдХрд╣ рд░рд╣рд╛ рд╣реВрдБ рдХрднреА рдХрднреА рдХрд░ рд▓реЗрдирд╛, рдореИрдВ рдПрдХрджрдо рд╕рд╛рдл рдмреЛрд▓ рд░рд╣рд╛ рд╣реВрдБ, рдирд╛ float рдпреВрдЬрд╝ рдХрд░реЛ, рдирд╛ clear рдпреВрдЬрд╝ рдХрд░реЛ, рдпрд╣ properties рдЖрдкрдХреЛ рдЖрдиреА рдЪрд╛рд╣рд┐рдП, рддрд╛рдХрд┐ рдХреЛрдИ я┐╜я┐╜
9:18
рд▓реЗрдХрд┐рди modern layout рдмрдирд╛рдУ CSS grade рд╕реЗ, flexbox рд╕реЗ, рдФрд░ рднреА рдмрд╣реБрдд рд╕рд╛рд░реЗ рддрд░реАрдХреЗ рд╣реИрдВ, рдЗрд╕ circus рдореЗрдВ рдордд рдкрдврд╝реЛ, рдареАрдХ рд╣реИ
9:25
рдмрд┐рд▓реНрдХреБрд▓ рднреА рдордд рдкрдврд╝реЛ, float left, float right, рдереЛрдбрд╝рд╛ рдмрд╣реБрдд confusing рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ, рдареАрдХ рд╣реИ, and this is not the right way to create layouts
9:31
in my opinion, рдореЗрд░рд╛ personal opinion рд╣реИ, рдЗрд╕рд╕реЗ layout рдордд рдмрдирд╛рдУ, рдЗрд╕рд╕реЗ styling рдордд рдХрд░реЛ, рдЪреАрдЬреЛрдВ рдХреЛ рдЗрджрд░ рдЙрджрд░ рдордд рдХрд░реЛ
9:37
рддреЛ рдлреНрд▓реЗрдХреНрд╕ рдмреЙрдХреНрд╕ рдХрд╛рдлреА рдЗрдЬреА рдПрдХрджрдо рдЖрд╕рд╛рди рджреЛ рдкреНрд░реЙрдкрд░реНрдЯреАрдЬ рдореЗрдВ рджреЗрдЦреЗрдВрдЧреЗ рдлреНрд▓реЗрдХреНрд╕ рд╡рд╛рд▓реЗ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдХреИрд╕реЗ рд╣рдо рд▓реЛя┐╜я┐╜
9:43
рд╕реЗрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЬреЛ рдореИрдВ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдмрдирд╛рдКрдВрдЧрд╛ рдмрд╣реБрдд рдХрдо рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░реВрдВрдЧрд╛ рдЕрдЧрд░ рдХрд░ рднреА рд▓рд┐рдпрд╛ рддреЛ рджреЗрдЦреЛ рдХрд░ рддя┐╜я┐╜
9:48
рдмрддрд╛рдЗрдП рдореИрдВ рдлреНрд░реА рд╣реВрдВ рдЗрд╕рдХреЛ рдпреВрдЬ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдк рднреА рдлреНрд░реА рд╣реИ рдЗрд╕рдХреЛ рдпреВрдЬ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рддреЛ рдХрд░рддрд╛ рд╣реИ рдпрд╣ рдмрдЯ рдмрд╛я┐╜я┐╜
9:54
рд╕рд┐рд░реНрдл рдЗрддрдиреА рд╕реА рд╣реИ рдХрд┐ рдЕрдЧрд░ рдЖрдкрдХреЛ рдЕрдЪреНрдЫреА рд╡реЗрдмрд╕рд╛рдЗрдЯ рдмрдирд╛рдиреА рд╣реИ рдореЙрдбрд░ рд▓реЗрдЯ рдмрдирд╛рдиреЗ рдЗрд╕рдХреЛ рдпреВрдЬ рдордд рдХрд░рдирд╛ рдЖрдЬ рд╕рд┐рдВрдкрд▓ рдПрд╕ рджрд╛я┐╜я┐╜
10:00
рдЕрдЧрд░ рдЖрдкрдХреЛ рд╕рд┐рдЧреНрдорд╛ рд╡реЗрдм рдбреЗрд╡ рдХреА рдкреНрд▓реЗрд▓рд┐рд╕реНрдЯ рдирд╣реАрдВ рдЖрдкрдХреЛ рдЕрдХреНрд╕реЗрд╕ рдХрд░реЗрдВ рдпрд╣рд╛рдВ рдХреНрд▓рд┐рдХ рдХрд░рдХреЗ рдЗрд╕рдХреЛ рдмреБрдХ рдорд╛рд░реНрдХ рдХрд░реЗя┐╜я┐╜
10:07
рдпрд╣рд╛рдВ рдХреНрд▓рд┐рдХ рдХрд░рдХреЗ рдЗрд╕рдХреЛ рд╕реЗрд╡ рдХрд░реЗрдВ рд╕реЛрд░реНрд╕ рдХреЛрдб рдХреЛ рднреА рдЕрдХреНрд╕реЗрд╕ рдХрд░реЗрдВ рд╡реАрдбрд┐рдпреЛ рдХреЛ рд▓рд╛рдЗрдХ рдХрд░реЗя┐╜я┐╜
10:11
рдЪреИрдирд▓ рдХреЛ рд╕рдмреНрд╕рдХреНрд░рд╛рдЗрдм рдХрд░реЗрдВ рд╢реЗрдпрд░ рд╡реАрдбрд┐рдпреЛ рдХреЛ рдЕрдкрдиреЗ рдЧрд╛рдВрд╡ рдЕрдЯрд╛рдУ рдХреА рд╕рдмреНрд╡реАрди рдореЗрд░реЗ рдирд╛рдо рдХрд░реЗрдВ рдерд╛рдЗрдВрдХ рдпреВ рд╕реЛ рдордЬрд╝ рдЧреИрд╕ рдлреВ рд╡рд╛рдЪрд┐рдВрдЧ рдЗрд╕ рд╡реАрдбрд┐рдпя┐╜я┐╜
10:16
рдФрд░ рдЖрдкрдХреЛ рдиреЗрдХреНрд╕ рдЯрд╛рдЗрдо рджреЗрдЦреЗя┐╜я┐╜