Recreating the YouTube UI with Tailwind CSS v2.0 - Suboptimal Clone #1

== [ Description ] == In this video, I go over how to clone the YouTube home page UI using Tailwind CSS. This is the first of many Tailwind clones that I plan build and make videos on, in the coming few weeks. I'm making this series to practice my UI/web design skills and explain my learnings along the way. So sit back, relax, and follow along as I struggle to recreate this YouTube clone live.

Note: I code this YouTube clone within Vue.js, but no prior knowledge of the framework is required to follow along. I'd also suggest watching it at 1.25 or 1.5x speed.

== [ Socials ] == Twitter ▶ https://twitter.com/SuboptimalEng Github ▶ https://github.com/SuboptimalEng Subscribe ▶ https://youtube.com/SuboptimalEng?sub_confirmation=1

== [ Links ] == Tailwind CSS: https://tailwindcss.com/ FontAwesome: https://github.com/FortAwesome/vue-fontawesome/

== [ Timestamps ] == 00:00 YouTube UI Clone Demo 00:50 Intro 02:47 YouTube UI Explained 04:22 Project Setup with Tailwind CSS 07:40 YouTube Clone UI Overview 10:00 YouTube Clone UI Base 14:20 Font Awesome Icons 21:39 Left Navbar UI 24:28 Search Bar UI 40:41 Tags UI 45:20 Videos UI 55:18 Unhandled UI Bugs 55:46 Fin

== [ Tags ] == #suboptimal #youtubeclone #tailwindcss