Introduction to Tailwind CSS & Utility first Workflow_ Tailwind Tutorial #1
17 views
Feb 21, 2024
"Introduction to Tailwind CSS & Utility-first Workflow: Tailwind Tutorial #1" is a video tutorial aimed at developers interested in learning about Tailwind CSS, a utility-first CSS framework. The tutorial provides an overview of Tailwind CSS and explains its utility-first approach, which emphasizes the use of small, single-purpose utility classes to style HTML elements. Throughout the video, viewers can expect to gain insights into how Tailwind CSS can streamline the development process by enabling rapid prototyping and efficient styling, making it a valuable tool for building modern web applications.
View Video Transcript
0:00
рдЗрд╕ф┐В рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдореИрдВ рдЖрдкрдХреЛ Tailwind CSS рд╕реНрдЯрд╛рд░реНрдЯрд┐рдВрдЧ рд╕реЗ рд▓реЗрдХрд░ рдПрдВрдб рддрдХ рд╕рд┐рдЦрд╛рдКрдВрдЧя┐╜
0:04
Tailwind CSS рдПрдХ Utility First Framework рд╣реИ рдЬреЛ рдХрд┐ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдЖрдкрдХреЗ HTML рдкреЗрдЬреЗрд╕ рдХреЛ рдмрд┐рдирд╛ рдЖрдкрдХреЗ HTML рдлрд╛рдЗрд▓ рдХреЛ рд▓реАрд╡ рдХрд░реЗя┐╜
0:12
рд╕реНрдЯрд╛рдЗрд▓ рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддрд╛ рд╣реИ рдЗрд╕рдХрд╛ simply рдорддрд▓рдм рдпрд╣ рд╣реБрдЖ рдХрд┐ рдЖрдк рдХреБрдЫ utility classes add рдХрд░реЛрдЧреЗ рдЕрдкрдиреЗ HTML tags рдХреЗ рдЕрдВрджя┐╜
0:18
рдФрд░ рд╕рд┐рд░реНрдл рдЗрди classes рдХреЛ add рдХрд░рдХреЗ рдЖрдк рд▓реЛрдЧ design рдХрд░реЗрдВрдЧреЗ рдЕрдкрдиреЗ pages рдХя┐╜
0:22
рдЖрдкрдХреЛ explicitly CSS рдирд╣реАрдВ рд▓рд┐рдЦрдиреА рдкрдбрд╝реЗрдЧреА рдЬрдм рднреА рдореИрдВ рдХреЛрдИ рдирдпрд╛ framework рд╕реАрдЦрддрд╛ рд╣реВрдБ рддреЛ рдореЗрд░реЗ рджрд┐рдорд╛рдЧ рдореЗрдВ рдпрд╣реА рдЖрддрд╛ рд╣я┐╜
0:29
рдпрд╣ рдПрдХ рдФрд░ framework, рдЕрдм рдЗрд╕рдХрд╛ рднреА framework рд╕реАрдЦрдирд╛ рдкрдбрд╝реЗрдЧрд╛ рд▓реЗрдХрд┐рди Tailwind CSS рдПрдХ рдРрд╕рд╛ framework рд╣я┐╜
0:34
рдЬреЛ рдХрд┐ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рд╕реАрдЦ рд▓рд┐рдпрд╛ рддреЛ рдЖрдк рд▓реЛрдЧ рдХрднреА рднреА рдЗрд╕ decision рдХреЛ regret рдирд╣реАрдВ рдХрд░реЛрдЧя┐╜
0:39
рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдЖрдк рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ CSS рд▓рд┐рдЦрддреЗ рд╣реИрдВ рдЗрд╕ рдЪреАрдЬ рдХреЛ change рдХрд░ рджреЗрдЧя┐╜
0:44
рдереНрд░реВрдЖрдЙрдЯ рдЖрдкрдХреЗ web development career рдЗрд╕рдХрд╛ рдПрдХ рдФрд░ reason tailwind рдХрд╛ easy to use nature рднреА рд╣я┐╜
0:50
рдХреНрдпреЛрдВрдХрд┐ by default рдЬрдм рдЖрдк рдЕрд▓рдЧ рд╕реЗ рдПрдХ рджреВрд╕рд░реА file рдореЗрдВ CSS рд▓рд┐рдЦрддреЗ рд╣реИя┐╜
0:53
рдФрд░ рдЙрд╕рдХреЗ рдмрд╛рдж рдЙрд╕рдХреЛ map рдХрд░рддреЗ рд╣реИрдВ рдЕрдкрдиреА HTML file рдореЗрдВ рддреЛ рдХрд╛рдлреА рдкрд░рд┐рд╢рд╛рдиреА рд╣реЛрддреА рд╣я┐╜
0:58
рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк HTML рдХреЗ рдЕрдВрджрд░ рд╣реА рдЕрдкрдиреЗ styles рдХреЛ рд▓рд┐рдЦрддреЗ рд╣реИя┐╜
1:02
using tailwind utility classes рддрдм рдЙрд╕рдХрд╛ development рдХрд╛ рдЬреЛ experience рд╣реЛрддрд╛ рд╣я┐╜
1:06
рдпрд╣ рдЖрдкрдХреЛ рддрднреА рдмрддрд╛ рдЪрд▓реЗрдЧрд╛ рдЬрдм рдЖрдк Tailwind CSS рдХреА рдорджрдж рд╕реЗ рдХреБрдЫ projects рдмрдирд╛рдПрдВрдЧя┐╜
1:11
Luckily рдореИрдВрдиреЗ рдЗрд╕ course рдХреЗ рдЕрдВрджрд░ рдмрд╣реБрдд рдЕрдЪреНрдЫреЗ projects рдкреНрд▓рд╛рди рдХрд░ рд░рдЦреЗ рд╣реИя┐╜
1:15
рдПрдХ typical HTML, CSS рдФрд░ Vanilla JavaScript рджреНрд╡рд╛рд░рд╛ рдмрдиреА рд╣реБрдИ website рдХя┐╜
1:20
design рдХрд░рдиреЗ рдХрд╛ workflow рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд╣реЛрддрд╛ рд╣реИ рдЖрдк рд▓реЛрдЧ HTML files рдмрдирд╛рддреЗ рд╣реИрдВ, рдЖрдк рд▓реЛрдЧ CSS files рдмрдирд╛рддреЗ рд╣реИя┐╜
1:26
HTML рдлрд╛рдЗрд▓ рдореЗрдВ рдЖрдк рд▓реЛрдЧ ID рдФрд░ classes рдХрд╛ рдкреНрд░рд┐рдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдФрд░ CSS рдлрд╛рдЗрд▓ рдореЗрдВ рдЖрдк рд▓реЛрдЧ рдЙрди ID, classes рдФрд░ рдХреБрдЫ tags рдХреЛ style рдХрд░рддреЗ рд╣реИрдВ
1:34
рддреЛ рдЬрдм рднреА рдЖрдк рд▓реЛрдЧ styling рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рд▓реЛрдЧ рдЕрдкрдиреА HTML рдлрд╛рдЗрд▓ рдХреЛ рдЫреЛрдбрд╝ рдХрд░ CSS рдлрд╛рдЗрд▓ рдореЗрдВ рдЬрд╛рддреЗ рд╣реИрдВ
1:39
рдФрд░ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рдореЗрд░рд╛ рдХреЛрдИ Pure HTML, CSS рдФрд░ JavaScript рд╡рд╛рд▓рд╛ project рджреЗрдЦрд╛ рд╣реЛрдЧя┐╜
1:43
рддреЛ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдкрддрд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдХрд┐рддрдирд╛ pain рд╣реЛрддрд╛ рд╣реИ HTML рдХреЛ рдЫреЛрдбрд╝ рдХрд░ CSS рдореЗрдВ рдЬрд╛рдия┐╜
1:48
рдФрд░ рд╡рд┐рд░ рд╡рд╛рдкрд╕ рдЖрдХрд░ рдЙрд╕рдХреА remapping рдХрд░рдирд╛ Tailwind CSS рдореЗрдВ workflow рдХреБрдЫ рдРрд╕рд╛ рд░рд╣реЗрдЧя┐╜
1:52
рдЖрдк рд▓реЛрдЧ Tailwind CSS рдХреЛ setup рдХрд░реЗрдВрдЧреЗ рдФрд░ Tailwind CSS рдХреЛ рдЕрдкрдиреА HTML рдореЗрдВ рдЗрдВрдЯреНрд░реВрдЯ рдХрд░рдиреЗ рдХреЗ рдмрд╛я┐╜
1:58
рдЖрдк рд╕рд┐рд░реНрдл HTML рдХреЗ рдЕрдВрджрд░ code рд▓рд┐рдЦреЗрдВрдЧреЗ рдЕрд▓рдЧ рд╕реЗ CSS files рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдирд╣реАрдВ рдмрдирд╛рдиреА рдкрдбрд╝реЗрдВрдЧя┐╜
2:03
рдФрд░ рддреЛ рдФрд░ рдЬрд┐рд╕ tag рдкрд░ рдЖрдк рд▓реЛрдЧ classes рдбрд╛рд▓реЗрдВрдЧреЗ рд╡реЛ tag рд╡рд╣реАрдВ рдХреЗ рд╡рд╣реАрдВ рдЖрдкрдХреЛ style рд╣реЛрддрд╛ рд╣реБрдЖ рджрд┐рдЦреЗрдЧя┐╜
2:09
рдФрд░ рд╕рд┐рд░реНрдл HTML рдХреЛ read рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рд╣реА рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдкрддрд╛ рдЪрд▓ рдЬрд╛рдПрдЧя┐╜
2:12
рдХрд┐ рдпреЗ tag рдХреМрди рдХреМрди рд╕реЗ designs рдФрд░ styles рдХреЛ use рдХрд░ рд░рд╣рд╛ рд╣я┐╜
2:17
рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рд╣рдо рд▓реЛрдЧ рд╕реАрдЦреЗрдВрдЧреЗ рдХрд┐ рдХреИрд╕реЗ Tailwind CSS рдФрд░ рдпреЗ рдЬреЛ workflow рд╣реИ Tailwind CSS рдХрд╛ рдЗрд╕рдХреЛ setup рдХрд░рдирд╛ рд╣я┐╜
2:23
рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ quickly place EDN рдХреЛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдирд╛ рд╣реИ рдЬреЛ рдХрд┐ Tailwind CSS рдбреЗрд╡рд▓рдкрдореЗрдВрдЯ рдХреЗ рд▓рд┐рдП рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣я┐╜
2:29
рдФрд░ рдХрд┐рд╕ рддрд░рд╣ рдЕрдкрдиреА рдкреНрд░реЛрдбрд╝рдХреНрд╢рди рдЕрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ Tailwind CSS рдХреЛ рдЗрдВрдХреНрд▓реВрдб рдХрд░рдирд╛ рд╣я┐╜
2:32
рд▓рд╛рд╕реНрдЯ рдмрдЯ рдиреЙрдЯ рджреЗ рд▓реАрд╕реНрдЯ рд╣рдо рдХреБрдЫ рдмрд╣реБрдд рдЕрдореЗрдЬрд┐рдВрдЧ рдкреНрд░реЛрдЬреЗрдХреНрдЯреНрд╕ рдХрд░реЗрдВрдЧреЗ рдФрд░ рд░реЗрд▓ рд╡рд░реНрдб рд╡реЗрдмрд╕рд╛рдЗрдЯреНрд╕ рдмрдирд╛рдПрдВрдЧя┐╜
2:56
Tailwind CSS 3 onwards рдЬреЛ classic engine рд╣реИ Tailwind рдХрд╛ рдЙрд╕рдиреЗ jet engine рдпрд╛рдирд┐ рдХрд┐ just in time
3:01
engine рдХреЛ replace рдХрд░ рджрд┐рдпрд╛ рд╣реИ рдЕрдм рдЗрди рд╕рд╛рд░реА рдЪреАрдЬрд╝реЛрдВ рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣я┐╜
3:05
рдпреЗ рддреЛ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдЗрд╕ course рдХреЗ рдЕрдВрджрд░ рд╣реА рдмрддрд╛рдКрдВрдЧрд╛ рдФрд░ рддреЛ рдФрд░ place CDN рднреА рдЬреЛ Tailwind рдХрд╛ рд╣я┐╜
3:09
рд╡реЛ рдХрд╛рдлреА рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ improve рд╣реЛрдХреЗ рдЗрд╕ рдмрд╛рд░ рдЖрдпрд╛ рд╣реИ рддреЛ рджреЗрд░ рдХреА рдЗрд╕ рдмрд╛рдд рдХреА рдпрд╛рд░ рдЪрд▓рддреЗ рд╣реИрдВ computer screen рдореЗрдВ рдФрд░ tailwind CSS рдХреЛ setup рдХрд░рддреЗ рд╣реИя┐╜
3:18
рдХреБрдЫ рдРрд╕реА рдЪреАрдЬрд╝реЗрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдмрддрд╛рдиреЗ рд╡рд╛рд▓реЗ рд╣реЛ рдЗрд╕ course рдореЗрдВ рдЬреЛ рдХрд┐ рдЖрдкрдХреЗ web development journey рдХреЛ рд╣рдореЗрд╢рд╛ рд╣рдореЗрд╢рд╛ рдХреЗ рд▓рд┐я┐╜
3:24
in a positive way influence рдХрд░реЗрдЧрд╛ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ websites рдмрдирд╛рдиреЗ рдореЗрдВ рдордЬрд╝рд╛ рдЖрдиреЗ рд▓рдЧреЗрдЧя┐╜
3:28
рдЖрдкрдХреА development workflow рдмрд╣реБрдд fast рд╣реЛ рдЬрд╛рдПрдЧреА рдФрд░ рдЖрдкрдХреА рдЬреЛ speed рд╣реИ рдЬрд┐рд╕рд╕реЗ рдЖрдк development рдХрд░рддреЗ рд╣реИя┐╜
3:34
рд╡реЛ рднреА рдмрд╣реБрдд рдмрдврд╝рд┐рдпрд╛ рд╣реЛ рдЬрд╛рдПрдЧреА let's get started so finally рдореИрдВ рдЖрдЪреЛрдХрд░ рдЕрдкрдиреА computer screen рдХреЗ рджреМя┐╜
3:49
рдЕрдм рдпрд╛рдмрд░ рдХреБрдЫ рдЪреАрдЬрд╝реЗ install рдХрд░рд╡рд╛рдБрдЧрд╛ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдкрд╣рд▓реА рдЪреАрдЬрд╝реЗ visual studio code рдЬреЛ рдХреА рдореИрдВ рдЙрдореАрдж рдХрд░реВрдБрдЧя┐╜
3:55
рдХрд┐ рдЖрдк рд╕рднреА рдХреЗ рдкрд╛рд╕ рд╣реЛрдЧреА рдЗрд╕рдХреЛ install рдХрд░ рд▓реЗрдирд╛ рдФрд░ install рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдпрд╣рд╛рдБ рдкрд░ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЖрдк рдЗя┐╜
4:00
folder рдХреЛ рдЦреЛрд▓ рд▓реЗрдирд╛ рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рдЗрд╕рдХреЛ install рдХрд░ рд▓рд┐рдпрд╛ рд╣реИ рдареАрдХ рд╕реЗ рддреЛ рдЖрдк рд▓реЛрдЧ file open folder рдХрд░рдХя┐╜
4:06
рдпрд╛ рдлрд┐рд░ рдХрд┐рд╕реА folder рдХреЗ рдЕрдВрджрд░ рдЬрд╛рдХрд░ right click рдХрд░рдХреЗ open with code рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рддреЛ рдореИрдВ right click рдХрд░рдХя┐╜
4:11
рдЬреИрд╕реЗ open with code рдкрд░ click рдХрд░реВрдБрдЧрд╛ рддреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдореЗрд░рд╛ рдпреЗ folder рдЦреБрд▓ рдЬрд╛рдПрдЧрд╛ рдареАрдХ рд╣я┐╜
4:15
рдЕрдм рдпрд╣рд╛рдБ рдкрд░ рдореИрдВ рдХрд░реВрдБрдЧрд╛ рдХреНрдпрд╛ tailwind css рдХреЛ install рдХрд░реВрдБрдЧрд╛ рдФрд░ tailwind css рдХреЛ install рдХрд░рдиреЗ рдХреА рдореБрдЭреЗ рдЬрд░реВрд░рдд рдирд╣реАрдВ рд╣я┐╜
4:20
рдореИрдВ рдЖрдкрд▓реЛрдВ рдХреЛ рдмрддрд╛рддрд╛ рд╣реВрдБ рдЗрд╕ рдмрд╛рдд рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ index boilerplate template simply tailwind simply div div heading heading
4:54
рдмрд╣реБрдд рд╣реА quickly include рдХрд░реВрдВрдЧрд╛ рдФрд░ рдЖрдк рд▓реЛрдЧ рдХреНрдпрд╛ рдХрд░реЗрдВ рдХрд┐ Tailwind CSS рдХреА documentation рдореЗрдВ рдЖрдПя┐╜
4:59
get started рдкрд░ click рдХрд░реЗрдВ рдЬреЛ Tailwind CSS рдХреА website рд╣реИ рд╡рд╣рд╛рдБ рдкрд░ рдЖрдиреЗ рдХреЗ рдмрд╛рдж рдЬрдм рдЖрдк get started рдкрд░ click рдХрд░рддреЗ рд╣реИя┐╜
5:04
рдФрд░ play CDN рдкрд░ click рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдПрдХ script tag рд╣реЛрддрд╛ рд╣реИ рдпреЗ рд╡рд╛рд▓рд╛ рдЗрд╕реЗ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ copy рдХрд░рдирд╛ рд╣реИ рдФрд░ рдЕрдкрдиреЗ head рдХреЗ рдЕрдВрджрд░ рдбрд╛рд▓ рд▓реЗрдирд╛ рд╣я┐╜
5:13
рдЕрдкрдиреЗ head рдХреЗ рдЕрдВрджрд░ рдирд╣реАрдВ, рдЗрд╕рдХреЗ head рдХреЗ рдЕрдВрджрд░, website рдХреЗ рдЕрдкрдиреЗ head рдХреЗ рдЕрдВрджрд░, рдареАрдХ рд╣реИ
5:17
рдЕрдкрдиреЗ head рдореЗрдВ рдордд рдбрд╛рд▓ рд▓реЗрдирд╛, рдЕрдм рдЗрд╕рдХреЛ рдореИрдВ save рдХрд░реВрдБрдЧрд╛, рдФрд░ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛, рдПрдХ рдФрд░ extension
5:21
install рдХрд░реВрдБрдЧрд╛, рдЬрд┐рд╕рдХрд╛ рдирд╛рдо рд╣реИ live server, already install рд╣реБрдЖ рд╣реИ рдореЗрд░реЗ computer рдореЗрдВ, рдЗрд╕рдХреЛ install рдХрд░ рд▓реЗрдирд╛
5:25
рдФрд░ рдЗрд╕рдХреЛ рдЬрдм рдЖрдк install рдХрд░ рд▓реЛрдЧреЗ рддреЛ рдПрдХ option рдЖрддрд╛ рд╣реИ right click рдХрд░рдХреЗ open with live server рдХрд╛ рдареАрдХ рд╣я┐╜
5:30
рдФрд░ рдпрд╣рд╛рдБ рдкрд░ рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ this is blue text рд▓рд┐рдЦрдХрд░ рдЖ рдЧрдпрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдпрд╣ class рдпрд╣рд╛рдБ рдкрд░ apply рд╣реБрдИ рдирд╣реАрдВ blue text рд╡рд╛рд▓я┐╜
5:36
actually class рдХрд╛ рдирд╛рдо рдЧрд▓рдд рд╣реИ рддреЛ рдореБрдЭреЗ рдпрд╣рд╛рдБ рдкрд░ text blue 100 рдХрд░рдирд╛ рдкрдбрд╝реЗрдЧрд╛ рдФрд░ text blue 100 рдХрд░рдиреЗ рдХреЗ рдмрд╛я┐╜
5:42
рдореИрдВ helpless рдХрд░реВрдВрдЧрд╛ рдХрд┐ рдмреНрд▓реВ рдХрд░рдХрд╛ рдЯреЗрдХреНрд╕реНрдЯ рдЖ рдЬрд╛рдПрдЧрд╛ рд╣реИ рдЯреЗрдХреНрд╕реНрдЯ рд▓реВрдк рдЕрдВрдЯрд░ рдХрд╛ рдорддрд▓рдм рдмрд╣реБрдд рд╣реА рд▓рд╛рдЗрдЯ рд╡рд╛рд▓рд╛ рдпя┐╜
5:47
рдмреНрд▓реВ рдХрд▓рд░ рд╣реЛрддрд╛ рд╣реИ рдФрд░ рдореИрдВ рдЖрдк рджрд┐рд▓реНрджреА рд╕реЗ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рдЗрд╕рдХреЛ 900 рдХрд░ рджреВрдВрдЧрд╛ рддрд╛рдХрд┐ рдХрдо рд╕реЗ рдХрдо рдпрд╛рд░ рдереЛрдбрд╝рд╛ рдЧрд╛рд░рд╛ рддреЛ рджрд┐рдЦя┐╜
5:52
рдпрд╣ рдмреНрд▓реВ рдХрд▓рд░ рд╣реИ, рдпрд╣ рдмреНрд▓реВ рдХрд▓рд░ рд╣реИ, рддреЛ рд╣рдо рдЗрд╕ рддрд░рд╣ рдХреА рдЧреНрд▓рд╛рд╕реЗрдЬ рдХреЛ рдПрдб рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ рдЗрд╕ рдЧреНрд▓рд╛рд╕реЗрдЬ рдХреЛ рдЗрд╕ рддрд░рд╣ рдХреА рдЧреНрд▓рд╛рд╕реЗрдЬ рдХреЛ рдПрдб рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдмрд╣реБрдд рдЕрдЪреНрдЫреА рд╡реЗрдмрд╕реЗрдЯреНрд╕ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ, рдпрд╣реА рдЯреЗрд▓рд╡рд┐рдВрдб рд╕реАрдПрд╕рд╕ рдХреА рдмреНрдпреВрдЯреА рд╣реИ, рдмреНрдпреВрдЯреА рдпрд╣ рд╣реИ рдХрд┐ HTML рдлрд╛рдЗрд▓ рдХреЗ рдЕрдВрджрд░ я┐╜
6:22
рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ рдЯреЗрд▓рдмреЗрдЯ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдпрд╣ рдЗрдВрдХреНрд▓реВрдб рд╣реЛ рдЧрдпрд╛ рдЗрд╕рдХреЗ рдмрд╛рдж рдпрд╣ рдЗрдВрдХреНрд▓реВрдб рд╣реЛ рдЧрдпрд╛ рдФрд░ рдпрд╣ рдореИрдВрдиреЗ рдЕрднреА рдЗрдВрдХреНрд▓реВрдб рдХрд┐рдпя┐╜
6:27
рдПрдбрд┐рдЯрд░ рдбреЙрдЯ рдореЙрдЬрд╡реАрд▓ рдЬреВрдо рдареАрдХ рд╣реИ рдФрд░ рдпрд╣ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдВрдЧрд╛ рд╕реНрдХреНрд░реАрди рдХрд╛рд╕реНрдЯ рдореЛрдб рдХреЛ рдСрди рдХрд░реВрдВрдЧрд╛ рдФрд░ рдпрд╣ рдХрд╛я┐╜
6:34
рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдРрд╕рд╛ рдЗрд╕рд▓рд┐рдП рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдХрд┐ рдЬреЛ рдХреБрдЫ рдореИрдВ рдЯрд╛рдЗрдк рдХрд░реВрдВ рд╡рд╣ рдЖрдк рд▓реЛрдЧреЛрдВ рдпрд╣рд╛рдВ рдкрд░ рдЬя┐╜
6:38
рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓ рдЬрд╛рдП рддреЛ рд╕реНрдХреНрд░реАрди рдХрд╛рд╕реНрдЯ рдореЛрдб рдХреЛ рдСрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ рд░рд╛рдЗрдЯ рд▓рд┐рдЦ рдХрд░реЗрдВ рдХрдорд╛рдВрдб рдкреИрд▓реЗрдЯ рдореЗрдВ рдЬрд╛рдирд╛ рдкрдбрд╝рддрд╛ рд╣реИ рдФрд░ рдпрд╣рд╛рдБ рдкрд░ рд╕реНрдХреНрд░реАрди рдХрд╛рд╕реНрдЯ рдореЛрдб рд▓рд┐рдЦрдХрд░ рдЗрд╕рдХреЛ рдЯреЙрдЧрд▓ рдХрд░ рд▓реЛ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЕрдм рдпрд╣рд╛рдБ рдкрд░ рдПрдХ рдЪреАрдЬ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХрд░рдирд╛ рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВя┐╜
7:08
рдпрд╣рд╛рдБ рдкрд░ рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓реЗрдЧрд╛, рдЕрдм рдПрдХ рдмрд╛рдд рдпрд╣рд╛рдБ рдкрд░ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдмреЛрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ, рдХрд┐ Tailwind CSS рдХреЛрдИ рдРрд╕реА рдЪреАрдЬрд╝ рдирд╣реАрдВ рд╣реИ
7:14
рдХрд┐ рдЬреИрд╕реЗ рдЗрддрдиреА рдмрдбрд╝рд╛ framework рд╣реИ Tailwind CSS, рдХрд┐ рдЖрдк рдЬреЛ рд╣реИ, рдЫреЗ рдорд╣рд┐рдиреЗ рдореЗрдВ рд╕реАрдЦреЛрдЧреЗ
7:18
рдЖрда рдорд╣рд┐рдиреЗ рдореЗрдВ рд╕реАрдЦреЛрдЧреЗ, рджрд╕ рд╕рд╛рд▓ рдореЗрдВ рд╕реАрдЦреЛрдЧреЗ, рдирд╣реАрдВ рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИ рдПрдХ basic HTML
7:23
CSS JavaScript рдХреА understanding рдЖрдкрдХреЛ Tailwind CSS рдорд╛рддрд░ рджреЛ рд╣рдлрд╝рддреЗ рдореЗрдВ рдореИрдВрдиреЗ рдмрд╣реБрдд рдЬрд╛рджрд╛ рдмреЛрд▓ рджреА рд╣реИ рдФрд░ practice
7:28
рдЕрдЧрд░ рдЖрдк рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдПрдХ рдорд╣реАрдирд╛ рдФрд░ рдЖрдк master рдмрди рдЬрд╛рдПрдВрдЧреЗ рдФрд░ рдЗрд╕ course рдореЗя┐╜
7:32
рдореИрдВ рдпрд╣реА рдЪреАрдЬ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ practically prove рдХрд░рдХреЗ рджрд┐рдЦрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рдХрд┐ Tailwind
7:36
рдЗрд╕рд╕реЗ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдХреЗ рдХрд┐рддрдиреА рддреЗрдЬрд╝ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдмрдирддреА рд╣реИ рдФрд░ рдмрд┐рдирд╛ рд╡реЛ рдЬреЛ рдЖрдкрдХрд╛ рдЬреИрд╕реЗ рдХрд┐ рдЖрдк рдХреЛрдИ рднреА рдлреНрд░реЗрдорд╡рд░реНрдХ рдпреВрдЬ рдХрд░рддреЗ рд╣реИрдВ рддреЛ рдЙрд╕рдХреА рд╕реНрдоя┐╜
7:43
рд╕реНрдорд┐рд▓ рдХрд╛ рдорддрд▓рдм рдЖрдк рдмреВрдЯрд╕реНрдЯреНрд░рд╛рдк рдЕрдЧрд░ рдпреВрдЬ рдХрд░реЛрдЧреЗ рддреЛ рдХрд╣реАрдВ рдирд╛ рдХрд╣реАрдВ рджреЗрдЦрдХрд░ рдмрджрд╛ рдЬрд╛ рдЬрд╛рддрд╛ рд╣реИ рд╕рд╛рдЗрдб рдХреЛ рдХрд┐ рдЖрдк рдпрд╣ рд╕рд╛рдЗя┐╜
7:49
рдмреВрдЯрд╕реНрдЯреНрд░рд╛рдк рд╕реЗ рдмрдиреА рд╣реИ рд╡рд╣ рдЪреАрдЬ рд╕реНрдЯреЗрд▓ рдореЗрдВ рдореБрдЭреЗ рдХрд╣реАрдВ рдирд╛ рдХрд╣реАрдВ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдирд╣реАрдВ рд╣реЛрддреА рд╣реИ рд╣рд╛рд▓рд╛рдВрдХрд┐ рдЕрдЧрд░ рдЖрдк рдПя┐╜
7:54
developer рд╣реИрдВ рддреЛ bootstrap рдореЗрдВ рд╕реЗ рднреА рдЙрд╕ smell рдХреЛ рдЖрдк рд╣рдЯрд╛ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдпрд╛рд░ рдЬрдм рдЖрдк components copy рдХрд░рддреЗ рд╣реЛ
7:59
рддреЛ рд╣рд╛рдБ рд╡реЛ рдЪреАрдЬ рд░рд╣ рдЬрд╛рддреА рд╣реИ, рдареАрдХ рд╣реИ, рддреЛ with that set рд╣рдо рд▓реЛрдЧ рдХреНрдпрд╛ рдХрд░реЗрдВрдЧреЗ
8:04
рдХрд┐ рдФрд░ classes add рдХрд░реЗрдВрдЧреЗ, рдФрд░ рдХреБрдЫ рдмрдирд╛рдИ рд▓реЗрддреЗ рд╣реИрдВ, рдорд╛рд▓реЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдПрдХ nav bar рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ
8:09
рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдЬрд▓реНрджреА рд╕реЗ code рдореЗрдВ рдЖрдУрдВрдЧрд╛ рдЕрдкрдиреЗ рддреЛ рдпрд╣рд╛рдБ рдкрд░ рдХреБрдЫ рдЬреЛ рд╣реИ рдмрдирд╛ рдХрд░ рджреЗрдЦ рд▓реЗрддреЗ рд╣реИя┐╜
8:13
рдорд╛рдирд▓реЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ nav рдмрд╛рд░ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ nav рд▓рд┐рдЦреВрдБрдЧрд╛ рдФрд░ nav рдХреЗ рдЕрдВрджрд░ li рд▓рд┐рдЦреВрдБрдЧя┐╜
8:19
sorry ul рд▓рд┐рдЦреВрдБрдЧрд╛ рдареАрдХ рд╣реИ рдФрд░ UL рдХреЗ рдЕрдВрджрд░ LI рд▓рд┐рдЦреВрдБрдЧрд╛ LI рдХреЗ рдЕрдВрджрд░ рдорд╛рди рд▓реЛ рдореИрдВ рд▓рд┐рдЦрддрд╛ рд╣реВрдБ Home
8:25
рдФрд░ рдПрдХ рдФрд░ рдореИрдВ LI рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рдЙрд╕рдореЗрдВ рдореИрдВ рд▓рд┐рдЦрддрд╛ рд╣реВрдБ About
8:29
рдПрдХ рдФрд░ LI рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рдЙрд╕рдореЗрдВ рдореИрдВ рд▓рд┐рдЦрддрд╛ рд╣реВрдБ Contact рдареАрдХ рд╣реИ рдореИрдВ рдмрд╣реБрддреА Rough Example рдпрд╣рд╛рдБ рдкрд░ рдЖрдкрд▓реЛ рдХреЛ рджреЗ рд░рд╣рд╛ рд╣реВя┐╜
8:34
рдФрд░ рдЗрд╕рдХреЛ рдореИрдВ live server рд╕реЗ рдЦреЛрд▓реВрдЧрд╛ right click open with live server рдФрд░ рдпреЗ рджреЗрдЦреЛ рдпреЗ рдЦреБрд▓ рдЧрдпрд╛ live server рд╕я┐╜
8:39
рдФрд░ рдпреЗ рджреЗрдЦреЛ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдпреЗ рджрд┐рдЦрд╛рдИ рдкрдврд╝ рд░рд╣рд╛ рд╣реИ рдореБрдЭреЗ рдареАрдХ рд╣реИ рддреЛ рдореИрдВ рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ рддреЛ рдХреНрдпрд╛ рдХрд░реВрдБрдЧя┐╜
8:42
рдХрд┐ рдЕрдкрдиреА nav рдореЗрдВ class рдПрдбрд╝ рдХрд░реВрдБрдЧрд╛ MX4 рдареАрдХ рд╣реИ MX4 рд╕реЗ рдХреНрдпрд╛ рд╣реЛрдЧя┐╜
8:47
рдХрд┐ x рдореЗрдВ рдЗрд╕рдХреЛ margin рдорд┐рд▓ рдЬрд╛рдПрдЧреА 4 рдХреА рдпрд╣ рд╕рд╛рд░реА рдЪреАрдЬрд╝реЗрдВ рдореИрдВ рдЖрдк рд▓реЛрдЧреЛя┐╜
8:51
рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдмрддрд╛рдКрдВрдЧрд╛ рдореИрдВ рдЖрдкрдХреЛ рдмрддрд╛ рд░рд╣рд╛ рд╣реВрдБ classes tension code x margin
9:24
рдЗрд╕рдХреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ рджреЗрдЦрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рдФрд░ рдЗрд╕рдореЗрдВ tailwind рдореЗрдВ рдПрдХ quick search рдХрд╛ option рд╣реЛрддрд╛ рд╣я┐╜
9:28
рдЬреИрд╕реЗ рдХрд┐ рдорд╛рди рд▓реЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ space search рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдареАрдХ рд╣реИ space between рдпрд╣рд╛рдБ рдкрд░ рдЗрд╕ рддрд░рд╣ рд╕я┐╜
9:34
рдЖрдк рд▓реЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реЛ рдорд╛рди рд▓реЛ рдореИрдВ рдХреБрдЫ рднреА search рдХрд░рддрд╛ рд╣реВрдБ рдареАрдХ рд╣реИ рдорд╛рди рд▓реЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ margin рд▓рд┐рдЦ рд░рд╣рд╛ рд╣реВя┐╜
9:39
рдареАрдХ рд╣реИ рдФрд░ рдпрд╣рд╛рдБ рдкрд░ рджреЗрдЦреЛ рдорд╛рд░реНрдЬрд┐рди рдЯреВ рдПрд╕рд┐рдВрдЧрд▓ рд╕рд╛рдЗрдб рдПрдб рд╣реЙрд░рд┐рдЬреЛрдВрдЯрд▓ рдорд╛рд░реНрдЬрд┐рди рд╕реНрдХреНрд░реЙрд▓ рдорд╛рд░реНрдЬрд┐рди рдФрд░ рдкреНрд░реА рдлреНрд▓рд╛рдЗрдЯ рдХрдИ рдЪреАрдЬреЗрдВ рдпрд╣рд╛рдВ рдкрд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓ рд░рд╣реА рд╣реИ рдареАрдХ рд╣реИ рддреЛ рдЖрдк рдЗрдирдХреЛ рдЦреЛрд▓-рдЦреЛрд▓ рдХрд░ рджреЗрдЦ рд╕рдХрддреЗ рд╣реЛ рдЕрдм рдорд╛рди рд▓реЛ рдХрд┐ рдореИрдВ рдХреНрдпрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣я┐╜
10:09
рдЗрд╕рдХреЛ рд╡рд╣ рднреА рдмрддрд╛рдКрдВрдЧрд╛ рдЖрдк рд▓реЛрдЧреЛрдВ рдореЗрдВ рдореИрдВ рдХрд╛рдо рдХрд░реВрдВрдЧрд╛ рдЗрд╕рдХреЛ рдкреИрдбрд┐рдВрдЧ рдПрдХреНрд╕ рджреЗ рджреВрдВрдЧрд╛ рдЪрд╛рд░ рдХреА рдФрд░ рдореИрдВ рдЕрдкрдиреЗ рдЗя┐╜
10:16
рдмрд╕ рдПрдХ рдирд╡рд╛рд░ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдпрд╣рд╛рдВ рдкрд░ рдмрдирд╛ рдХрд░ рджрд┐рдпрд╛ рд╣реВрдВрдЧрд╛ рдЗрд╕ рдмреНрд▓реВ рдЯреЗрдХреНрд╕реНрдЯ рд░рдбрд╝рд╛ рджреЗрддрд╛ рд╣реВрдВ рдпрд╣рд╛рдВ рд╕реЗ рдпрд╣ рдмреНрд▓реВ рдЯреЗрдХреНрд╕реНя┐╜
10:20
рдХреЛрдИ sense рдирд╣реАрдВ рдмрдирддрд╛, рдпрд╛ рдлрд┐рд░ рдПрдХ рдХрд╛рдо рдХрд░реВрдБрдЧрд╛ рдпрд╣рд╛рдБ рдкрд░, MX 12 рдХрд░ рджреВрдБрдЧрд╛, I'm not sure рдЕрдЧрд░ MX 12 рдирд╛рдо рдХреА class рд╣реЛрддреА рд╣реИ
10:27
рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛, margin рдореЗрдВ рдЬрд╛рдКрдБрдЧрд╛, margin, рдФрд░ рдпрд╣рд╛рдБ рдкрд░ рдореБрдЭреЗ рдкрддрд╛ рдЬрд╛рдПрдЧрд╛ рдХреМрди-рдХреМрди рд╕реА classes
10:34
рдкреНрд░реЛрд╡рд╛рдЗрдб рдХреА рдЬрд╛рддреА рд╣реИ рдЯреЗрд▓рдореЗрдВрдЯ рджреВрд░рд╛ рдареАрдХ рд╣реИ рддреЛ MX MX 12 рдХрд╛ рддреЛ рдирд╣реАрдВ рдкрддрд╛ рдмрдЯ рдпрд╣рд╛рдВ рдкрд░ рдореБрдЭреЗ рдХреБрдЫ рдорд╛рд░реНрдЬрд┐рдВя┐╜
10:42
рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓ рд░рд╣реА рд╣реИ рдЕрдм рджреЗрдЦреЛ рдпрд╣рд╛рдВ рдкрд░ рдХреНрдпрд╛ рд╣реИ рдорд╛рди рд▓реЛрдЧ рдореИрдВ MX 10 рдпреВрдЬ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдореБрдЭреЗ рдХреИрд╕реЗ рдкрддрд╛ рдЪрд▓реЗрдЧя┐╜
10:48
рдХрд┐ MX 10 рд╣реЛрддрд╛ рднреА рд╣реИ рдХрд┐ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ, 10 рд╣реИ рднреА рдХрд┐ рдирд╣реАрдВ рд╣реИ, рдпрд╣ рдореИрдВ рдХреИрд╕реЗ рдмрддрд╛ рдХрд░реВрдБрдЧрд╛
10:53
рджреЗрдЦреЛ, рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛, рдХрд┐ Tailwind CSS рдХреА рдПрдХ extension рд╣реЛрддреА рд╣реИ, рдЙрд╕рдХреЛ install рдХрд░реВрдБрдЧрд╛
10:57
рдФрд░ Tailwind рдХреЛ рдЕрдЪреНрдЫреЗ рд╕реЗ setup рдХрд░реВрдБрдЧрд╛, рддреЛ рд╡реЛ рдЪреАрдЬ рдореИрдВ рдЖрдк рд▓реЛрдЧ рдХреЛ рдмрддрд╛ рджреВрдБрдЧрд╛, MY рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛
11:01
рдореБрдЭреЗ рдореИрдВ MX рдХреНрдпреЛрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ, MY 12 рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛, рдФрд░ MY 12 рдХрд░рдХреЗ рдореБрдЭреЗ spacing рдпрд╣рд╛рдБ рдкрд░ рдорд┐рд▓ рдЧрдИ рд╣реИ
11:06
рдЕрдм MY 12 рд╣реЛ рд╕рдХрддрд╛ рд╣реИ class рдирд╛ рд╣реЛрддреА, рд╕рд╛рд░реЗ numbers рдХреА class рдирд╣реАрдВ рд╣реЛрддреА рд╣реИ
11:11
рддреЛ рд╡реЛ рд╕рдм рд╕рдордЭреЗрдВрдЧреЗ рдХрд┐ рдХреИрд╕реЗ рд╣рдореЗрдВ рдкрддрд╛ рдЪрд▓реЗрдЧрд╛, рдХреМрди рд╕реА class рд╣реИ, рдХреМрди рд╕реА рдирд╣реАрдВ рд╣реИ, рдПрдХ рдХрдорд╛рд▓ рдХреА extension install рдХрд░реЗрдВрдЧреЗ рд╣рдо рд▓реЛя┐╜
11:17
рдФрд░ рдЙрд╕ extension рдХреА рд╕рд╛рд╣рд┐рддрд╛ рд╕реЗ рд╣рдо рдХреБрдЫ рднреА рд▓рд┐рдЦреЗрдВрдЧреЗ рдЕрдкрдиреА classes рдХреЗ рдЕрдВрджя┐╜
11:22
рд╣рдо рдЬрдм рдХреЛрдИ рднреА рдПрдХ element рд▓рд┐рдЦреЗрдВрдЧреЗ рдЙрд╕рдХреЗ рдЕрдВрджрд░ class is equal to рд▓рд┐рдЦреЗрдВрдЧя┐╜
11:26
рдЬреИрд╕реЗ рд╣реА рд╣рдо рд▓реЛрдЧ class is equal to рд▓рд┐рдЦреЗрдВрдЧреЗ рди рд╡реИрд╕реЗ рд╡рд╣реАрдВ рдХреЗ рд╡рд╣реАрдВ рд╣рдо рд▓реЛрдЧреЛрдВ рдХреЛ рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓ рдЬрд╛рдПрдЧя┐╜
11:31
рдХреМрди рд╕реА glass available рд╣реИ рдЙрд╕ рдХрд╛рдо рдХреЛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореИрдВ flex рд▓рд┐рдЦреВрдБрдЧрд╛ flex рдХреА glasses рдореБрдЭя┐╜
11:35
suggest рд╡реЛрдирд╛ start рд╣реЛ рдЬрд╛рдПрдЧреА рдЕрднреА рдореИрдВ place ADN рдЙрд╕рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдЙрд╕рд▓рд┐рдП рдореИрдВ tailwind CSS рдХреА рдЬя┐╜
11:40
рд╣рдорд╛рд░реА extension рд╣реИ рд╡реЛ use рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рд╣рдо рд▓реЛрдЧ рдЗрд╕рдХреЛ рдЕрдЪреНрдЫреЗ рд╕реЗ install рдХрд░реЗрдВрдЧя┐╜
11:44
рдлрд┐рд░ рдореИрдВ рдЖрдкрдХреЛ рдмрддрд╛рдКрдВрдЧрд╛ рдХреИрд╕реЗ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдирд╛ рд╣реИ рдЕрднреА рдХреЗ рд▓рд┐рдП рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛ рдореИрдВрдиреЗ PX рдХрд░ рджрд┐рдпрд╛ рдореБрдЭреЗ PY рдХрд░рдирд╛ рдея┐╜
11:49
Y рдореИрдВ рдЖрдбрд╝ рдХрд░рдиреА рдереА рдореБрдЭреЗ padding рдФрд░ рдорд╛рдирд▓реЛ рдореИрдВ рдЗрд╕рдХреЛ рдПрдХ background рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВя┐╜
11:53
purple 400 рддреЛ 400 purple рдХрд╛ background рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд╣реЛ рдЬрд╛рдПрдЧя┐╜
11:59
рд▓рдЧрддрд╛ рд╣реИ рдореИрдВрдиреЗ рдпрд╣рд╛рдБ рдкрд░ рдЗрд╕рдХреЛ margin рджреЗ рд░рдЦреА рд╣реИ, рдореИрдВ рдЗрд╕рдХреЛ padding рджреВрдБрдЧя┐╜
12:02
рдФрд░ рдЗрд╕рдХреА рд╡рдЬрд╝рд╛ рдмрддрд╛ рд╣реИ рдХрд┐ рдпрд╣рд╛рдБ padding рджреЗрдиреА рд╣реИ рдХрд┐ рдореБрдЭреЗ рдкреВрд░реЗ рдореЗрдВ color рдЪрд╛рд╣рд┐рдП рдерд╛, рдареАрдХ рд╣реИ, рдЕрдм рдорд╛рдирд▓я┐╜
12:06
рдореИрдВ рдЗрд╕рдХреЗ color рдХреЛ white рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ, рддреЛ рдореИрдВ text white рдХрд░ рджреВрдБрдЧя┐╜
12:10
рдФрд░ рдЕрдм рдореИрдВ bg рдХреЛ dark рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдпрд╛рдирд┐ рдХрд┐ рдЬреЛ рдЗрд╕рдХрд╛ background рдЗрд╕рдХреЛ dark рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рддреЛ рдпрд╣ рджреЗрдЦреЛ рдпрд╣рд╛рдБ рдкрд░ рдПрдХ рдмрд╣реБрдд рд╣я┐╜
12:17
basic navigation рдмрд╛рд░ рдореИрдВрдиреЗ рдмрдирд╛ рд▓рд┐рдпрд╛ рдЕрдм рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЕрдЧрд░ рдореИрдВ cursor pointer рдХрд░ рджреВрдВ рддреЛ рдЗрди рдкрд░ рдЬрдм рдня┐╜
12:22
рдХреЛрдИ hover рдХрд░реЗрдЧрд╛ рддреЛ cursor pointer рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдорд╛рд▓реЛ рдореИрдВ рдХреБрдЫ рдРрд╕рд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рддреЛ рдореИя┐╜
12:26
alt рджрдмрд╛рдХрд░ рдЬрд╣рд╛рдВ рдЬрд╣рд╛рдВ click рдХрд░реВрдБрдЧрд╛ рд╡рд╣рд╛рдБ рд╡рд╣рд╛рдБ рдореБрдЭреЗ cursors рджреЗрдЦрдиреЗ рдХреЛ рдмрд┐рд▓реЗрдЧреЗ рдФрд░ рдПя┐╜
12:29
cursor pointer рдирд╛рдо рдХреА class рд╣реЛрддреА рд╣реИ рдЕрдм рдЖрдк рдХреЛрдИ рдпрд╛рд░ рдпреЗ classes рд░рдЯрдиреЗ рдмреИрдареЗ рдХреНрдпя┐╜
12:34
рдирд╣реАрдВ рдЗрд╕рдХреА рднреА ninja technique рдмрджрд╛рдКрдЧрд╛ рдХреИрд╕реЗ рдЬрдм inspect рдХрд░реВрдБрдЧрд╛, browser рдореЗрдВ рдЖрдЙрдБрдЧрд╛
12:54
рддреЛ рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ, рдПрдХ warning рджреЗрдЦрдиреЗ рдХреЛ рдорд┐рд▓ рд░рд╣реА рд╣реИ, рдХрд┐ CDN.tailwindcss.com
12:58
рдХреЛ production рдореЗрдВ please рдЗрд╕реНрддреЗрдорд╛рд▓ рдордд рдХрд░реЛ, рдЗрд╕рдХреЛ try out рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕реНрддреЗрдорд╛рд▓ рдЖрдк рд▓реЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реЛ
13:03
production рдореЗрдВ рдордд рдХрд░реЛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдЗрд╕рдХреЛ, рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛
13:07
package live server tailwind install overwhelming but
13:34
рдореИрдВрдиреЗ рд╕рд┐рд░реНрдл рдпрд╣ copy рдХрд┐рдпрд╛ рдпрд╣рд╛рдВ рд╕реЗ using post css рдореЗрдВ рдЖрдХя┐╜
13:38
npm install minus d рдпрд╣ рдореИрдВрдиреЗ рдХрд┐рдпрд╛ рд╣реИ рддреЛ рдореИрдВ рдЗрд╕рдХреЛ рддрд░рд╣ install рдкреЗ рд▓рдЧрд╛ рджреЗрддрд╛ рд╣реВя┐╜
13:43
рдареАрдХ рд╣реИ рдореИрдВрдиреЗ enter рдорд╛рд░рд╛ рдФрд░ рдпрд╣рд╛рдБ рдкрд░ рдЖрдк рд▓реЛрдЧ рджреЗрдЦреЛ рдЬреИрд╕реЗ рд╣реА рдореИрдВрдиреЗ enter рдорд╛рд░я┐╜
13:46
рдпрд╣рд╛рдБ рдкрд░ рдпрд╣ install рд╣реЛрдирд╛ рд╢реБрд░реВ рд╣реЛ рдЧрдпрд╛ рдПрдХ node modules рдирд╛рдо рдХрд╛ folder рдмрдирд╛рдПрдЧрд╛ by the way
13:50
рдмрд╣реБрдд important, рдореИрдВрдиреЗ рдмрддрд╛рдпрд╛ рдирд╣реАрдВ рдЕрдЧрд░ node.js install рдирд╣реАрдВ рд╣реИ рдЖрдкрдХреЗ computer рдореЗрдВ, рддреЛ рдпрд╣ command рд╣реА рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧрд╛, рдареАрдХ рд╣я┐╜
13:57
рддреЛ install node.js рдореЗрдВ рдЬрд╛рдирд╛ рдФрд░ download рдкрд░ click рдХрд░рдирд╛ windows installer download рдХрд░рдирд╛, рдореИрдВ рдХрд░рдХреЗ рджрд┐рдЦрд╛рддрд╛ рд╣реВя┐╜
14:03
рдпрд╣ download рд╣реЛрдирд╛ рд╢реБрд░реВ рд╣реЛ рдЬрд╛рдПрдЧрд╛, windows installer рдЗрд╕рдХреЛ run рдХрд░рдирд╛, next next next next
14:06
default settings рдХреЗ рд╕рд╛рде end рддрдХ рдЪрд▓реЗ рдЬрд╛рдирд╛ рдФрд░ рдЙрд╕рдХреЗ рдмрд╛рдж рдЕрдкрдиреЗ terminal рдХреЛ restart рдХрд░рдия┐╜
14:10
рдпрд╛ VS Code рдХреЛ restart рдХрд░рдирд╛ restart рдЬрд╝рд░реВрд░ рдХрд░рдирд╛ рдХреНрдпреЛрдВрдХрд┐ рдмрд╣реБрдд рд╕рд╛рд░реЗ рд▓реЛрдЧ рдЬреЛ рдореЗрд░реЗ рдкрд╛рд╕ рдпреЗ problem рд▓реЗрдХреЗ рдЖрддреЗ рд╣реИя┐╜
14:15
рдХреНрдпрд╛ Node.js рдирд╣реАрдВ рдЪрд▓ рд░рд╣рд╛ рд╣реИ, NPM рдирд╣реАрдВ рдЪрд▓ рд░рд╣рд╛ рд╣реИ рдЙрди рд▓реЛрдЧреЛрдВ рдХреА рд╕рдмрд╕реЗ рдмрдбрд╝реА рджрд┐рдХреНрдХрдд рдкрддрд╛ рд╣реИ рдХреНрдпрд╛ рд╣реЛрддреА рд╣я┐╜
14:20
рдЙрдирдХреА рд╕рдмрд╕реЗ рдмрдбрд╝реА рджрд┐рдХреНрдХрдд рдпрд╣ рд╣реЛрддреА рд╣реИ рдХрд┐ рд╡реЛ рд▓реЛрдЧ NPM, Node.js рдХреЛ install рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдЕрдкрдиреЗ terminal рдХреЛ restart рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИя┐╜
14:28
рдХрднреА-рдХрднреА рддреЛ рдпрд╛рд░ рдЕрдкрдирд╛ computer restart рдХрд░рдиреЗ рд╕реЗ рднреА рдмрд╣реБрдд help рд╣реЛ рдЬрд╛рддреА рд╣реИ, рдореИрдВ рдЙрд╕рдХрд╛ reason рдмрддрд╛рддрд╛ рд╣реВя┐╜
14:31
рдЬрдм рдЖрдк рдПрдХ computer рдХреЛ restart рдХрд░рддреЗ рд╣реЛ рддреЛ рд╕рд╛рд░реА рдЪреАрдЬрд╝реЗ refresh рд╣реЛ рдЬрд╛рддреА рд╣реИрдВ рддреЛ рдХреЛрдИ рднреА рдЪреАрдЬ рдЬреЛ рдХреА рд╢рд╛рдпрдж рдЖрдкрдХреА coding рдореЗрдВ рдмрд╛рджрд░ рдбрд╛рд▓рддреА рд╣реИ
14:38
рдореИрдВ рдПрдХ example рджреЗрддрд╛ рд╣реВрдБ рдЙрд╕ рдЪреАрдЬ рдХрд╛, рдмрд╣реБрддреА рдЬрд▓реНрджреА рд╕реЗ рджреВрдБрдЧрд╛, рдЬрд╝рд╛рдбрд╝рд╛ time рдирд╣реАрдВ рд▓реВрдБрдЧрд╛, рдЬрдм flask server рдЖрдк рд▓реЛрдЧ рдмрдирд╛рддреЗ рд╣реИрдВ
14:43
рддреЛ рдХрднреА-рдХрднреА рдХреНрдпрд╛ рд╣реЛрддреЗ рд╣реИрдВ, рдПрдХ рд╕реЗ рдЬреНрдпрд╛рджрд╛ рдпрд╛ рдлрд┐рд░ note server рднреА рдмрдирд╛рддреЗ рд╣реИрдВ рддреЛ рдПрдХ рд╕реЗ рдЬреНрдпрд╛рджрд╛ server рдмрди рдЬрд╛рддреЗ рд╣реИрдВ рдФрд░ рд╡реЛ servers hang рд╣реЛ рдЬрд╛рддреЗ рд╣реИя┐╜
14:49
рдФрд░ рдЙрд╕рдХреЗ рдмрд╛рдж рдЬрдм рдЖрдк рдирдП server рдмрдирд╛рддреЗ рд╣реИрдВ рддреЛ рдЙрд╕ port рдкрд░ listen рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ рддреЛ computer restart рдХрд░рдиреЗ рд╕я┐╜
14:53
рдХрд╛рдлреА help рд╣реЛ рдЬрд╛рддреА рд╣реИ рдХрднреА-рдХрднреА, рддреЛ рдХрднреА рдЖрдк рдлрд╕ рдЬрд╛рдУ, рддреЛ computer рдЬрд╝рд░реВрд░ restart рдХрд░ рд▓рд┐рдпрд╛ рдХрд░реЛ
14:57
рдареАрдХ рд╣реИ, with red set рд╣рдо рд▓реЛрдЧ рдЬрд▓реНрджреА рд╕реЗ рдЖрдПрдВрдЧреЗ, рдпрд╣рд╛рдБ рдкрд░ рд╣рдорд╛рд░рд╛ рд╕рдм рдХреБрдЫ install рд╣реЛ рдЪреБрдХрд╛ рд╣реИ, рдПрдХ npm install read рдЬрд╝рд░реВрд░ рдХрд░реВрдБрдЧрд╛ рдпрд╣рд╛рдБ рдкрд░
15:03
рдареАрдХ рд╣реИ, рдЬреЛ рдореЗрд░реА рдпрд╣рд╛рдБ рдкрд░ package.json money рд╣реИ
15:14
рдЗрд╕рдХреЗ рдЕрдВрджрд░ рдореИрдВ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛ рдЕрдм рдпрд╣рд╛рдБ рдкрд░ рдПрдХ script рдХреЗ section рдореИрдВ рдмрдирд╛рдКрдВрдЧрд╛ scripts рд▓рд┐рдЦреВрдБрдЧрд╛ рдпрд╣рд╛рдБ рдкрд░ рдФрд░ scripts рдХреЗ рдЕрдВрджрд░ рдореИрдВ рдХреНрдпрд╛ рдбрд╛рд▓реВрдБрдЧрд╛ рдореИрдВ рдбрд╛рд▓реВрдБрдЧрд╛ start рдЬрдм рдореИрдВ npm start рд▓рд┐рдЦреВрдБ рддреЛ read рдХреЛ рдЪрд▓рд╛ рджреЛ рдореИрдВ рдХреБрд▓ рдорд┐рд▓рд╛ рдХрд░ рдпрд╣ рдХрд╣ рд░рд╣рд╛ рд╣реВрдБ рдареАрдХ рд╣реИ npm start рдкрд░ рд▓рд┐рдЦреВрдБрдЧрд╛ рддреЛ read рдЪрд▓ рдЬрд╛рдПя┐╜
15:44
рдЪрд▓рд╛рдиреЗ рдХреЗ рдмрд╛рдж рдЯреЗрд▓ рд╡рд┐рдВрдб рдХреЙрдиреНрдлрд┐рдХреНрдЯ рдЯреЛ рдЪреАрдЬ рдмрдиреЗрдЧреА рддреЛ рдореИрдВ рдХрдВрдЯреЗрдВрдЯ рдореЗрдВ рд╕реНрдЯрд╛рд░ рд▓рд┐рдЦ рджреВрдВрдЧрд╛ рдХрд┐ рд╡рд╣ рд╕рд╛рд░рд╛ рдХрд╛ рд╕рд╛рд░я┐╜
15:50
рдХрдВрдЯреЗрдВрдЯ рдореЗрдВ рдЯреЗрд▓ рд╡рд┐рдВрдб рдпреВрдЬ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ рдореИрдВ рдХрд░реВрдВрдЧрд╛ рдХреНрдпрд╛ рдПрдХ рд╕реНрдЯреЗрдВрд╢рди рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░реВрдВрдЧрд╛ рдЬрд┐рд╕рдХрд╛ рдирд╛я┐╜
15:55
рдЯреЗрд▓рд╡рд┐рдВрдб рд╕реАрдПрд╕реЗрд╕ рдЗрдВрдЯреЗрд▓рд┐рд╕реЗрдВрд╕ рдареАрдХ рд╣реИ рдФрд░ рдЖрдк рдЗрд╕рдХреЛ рдЗрдВрд╕реНрдЯреЙрд▓ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдореБрдЭрд╕реЗ рдХрд╣реЛрдЧреЗ рдХрд┐ рдпрд╛ рдпрд╣ рдкрд╣рд▓реЗ рдХреНрдпреЛя┐╜
16:01
рдирд╣реАрдВ рдмрддрд╛рдпрд╛ рддреЛ рдЗрддрдиреА рдЖрд╕рд╛рди рдЪреАрдЬ рдереА рдареАрдХ рд╣реИ рдЕрдм рджреЗрдЦреЛ рдЗрд╕рд╕реЗ рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ рдЗрд╕реЗ рд╕реЗрдВрд╢рди рд╕реЗ рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ рдорд╛рд▓реЛя┐╜
16:05
рдпрд╣рд╛рдВ рдкрд░ рдлреНрд▓реЗрдХреНрд╕ рд▓рд┐рдЦрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдорд╛рд▓реЛрдВ рдореИрдВ рдЖрдк рд▓рд┐рдЦрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдлреНрд▓реЗрдХреНрд╕ рддреЛ рджреЗрдЦреЛ рдпрд╣ рдЯреЗрд▓рд╡рд┐рдВя┐╜
16:10
рд╕реЗ рдЗрд╕реЗ рдЗрдВрдЯреЗрд▓рд┐рд╢рди рджреЗ рдХреНрдпрд╛ рдХрд┐рдпрд╛ рдХрд┐ рдореБрдЭреЗ рдмрддрд╛ рд░рд╣рд╛ рд╣реИ рдХрд┐ рдореИрдВ рдлреНрд▓реЗрдХреНрд╕ рд╕реЗ рдбрд┐рд╕реНрдкреНрд▓реЗ рдлреНрд▓реЗрдХреНрд╕ рд╣реЛ рдЬрд╛рдПрдЧя┐╜
16:14
рдмреЗрдХреНрд╕ рд╡рди рд╕реЗ рдпрд╣ рд╣реЛ рдЬрд╛рдПрдЧрд╛ рдЕрдорд╛рди рд▓реЛ рдореБрдЭреЗ рдкрддрд╛ рдХрд░рдирд╛ рд╣реИ рдХрд┐ рдореБрдЭреЗ рд░реЗрдб рдмреИрдХрдЧреНрд░рд╛рдЙрдВрдб рдЪрд╛рд╣рд┐рдП рддреЛ рдХреМрди-рдХреМрди рд╕я┐╜
16:19
рдЕрд╡реЗрд▓реЗрдмрд▓ рд╣реИ рддреЛ рдореИрдВ рдмреАрдЬреА рд░реЗрдб рд▓рд┐рдЦреВрдВрдЧрд╛ рддреЛ рджреЗрдЦреЛ рдпрд╣ рд╕рд╛рд░реЗ рдЕрд╡реЗрд▓реЗрдмрд▓ рд╣реИ рдЯреЗрд▓ рдореЗрдВ рдореИрдВрдиреЗ рд╡рд┐рд╢реЗрд╖ рдХреЛрдИ рднреА я┐╜ integer
16:23
рдФрд░ home рдореЗрдВ red background рдЖ рдЬрд╛рдПрдЧрд╛, рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдмрд╣реБрдд рдЦрдЯрд┐рдпрд╛ рджрд┐рдЦ рд░рд╣рд╛ рд╣реИ red background purple рдореЗрдВ
16:28
but just рдЖрдк рд▓реЛрдЧ рдХреЛ рджрд┐рдЦрд╛рдирд╛ рдЪрд╛рддрд╛ рдерд╛, рдареАрдХ рд╣реИ, рдЕрдм рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ, font рд▓рд┐рдЦреВрдВрдЧрд╛ рдШрд░ рдореЗрдВ
16:33
font sans, sans-arif, mono, рдЕрд▓рдЧ-рдЕрд▓рдЧ fonts рднреА рдЖрдк рд▓реЛрдЧ use рдХрд░ рд╕рдХрддреЗ рд╣реЛ, рддреЛ рдпрд╣рд╛рдБ рдкрд░ рджреЗрдЦреЛ рдЖрдк рд▓реЛрдЧ
16:38
font рдЕрдЧрд░ рдЖрдк рд▓реЛрдЧ рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реЛ рддреЛ рдпреЗ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдмрджрд▓ рд╕рдХрддреЗ рд╣реЛ рддреЛ рдмрд╣реБрдд рд╕рд╛рд░реА classes рд╣реИя┐╜
16:45
рдФрд░ рдЗрди classes рдХреЛ рд╣реА рдХреБрд▓ рдорд┐рд▓рд╛ рдХрд░ add рдХрд░рдХреЗ рдкреВрд░реА site рдмрди рдЬрд╛рддреА рд╣реИ рд╕реЛ рдмрд╛рдд рдХреА рдПрдХ рдмрд╛рдд рддреЛ рдпрд╛рд░ рдпреЗ рд╣я┐╜
16:49
рд▓реЗрдХрд┐рди discuss рдХрд░реВрдБрдЧрд╛ рдЕрдЪреНрдЫреЗ рд╕реЗ рдЖрдк рд▓реЛрдЧреЛрдВ рдмрддрд╛рдКрдБрдЧрд╛ рдЗрди рд╕рд╛рд░реА рдЪреАрдЬреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдпрд╣ extension install рдХрд░рдХреЗ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдРрд╕рд╛ рд▓рдЧреЗрдЧрд╛ рдХрд┐ рдпрд╣ рдкрд╣рд▓реЗ рдХреНрдпреЛрдВ рдирд╣реАрдВ рдХрд░рд╡рд╛рдпя┐╜
16:56
рдЕрдм рдЬреЛ рд╣рдо рдХрд╛рдо рдХрд░реЗрдВрдЧреЗ рд╡реЛ рдЗрд╕реА setup pilot рдХрд╛рдо рдХрд░реЗрдВрдЧреЗ рдЬрд▓реНрджреА рд╕реЗ рдЖрдкрдХреЛ рд░рд┐рд╡рд╛рдЗрд╕ рдХрд░рд╡рд╛рдБрдЧрд╛ рдЕрдЧрд▓реЗ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдХрд┐ рд╣рдордиреЗ рдХреНрдпрд╛ рдХрд┐рдпрд╛ Conversation
17:32
рдФрд░ explore рдХрд░реЗрдВрдЧреЗ, рдордЬрд╝рд╛ рдЖрдиреЗ рд╡рд╛рд▓рд╛ рд╣реИ, рддрдм рддрдХ рдХреЗ рд▓рд┐рдП рдЖрдк рд▓реЛрдЧ рдзреНрдпрд╛рди рд░рдЦреЛ рдЕрдкрдирд╛
17:36
thank you so much guys for watching this video, and I will see you next time
#Skins
# Themes & Wallpapers
#Web Design & Development