🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
In this video, we’re going to take a quick look at how the Google home page was built in the ’90s. Then we are going to recreate it using modern technology. We’re going to use HTML5 and Tailwind CSS. I’ll show you how easy it is to build this using Tailwind.
By looking at the way Google was built in the ’90s we can see the simplicity of just coding one file in HTML.
Well, we can still do that with Tailwind CSS. We’re going to rebuild a modern-looking Google using Tailwind with just one file! And it’s super easy!
Tailwind is a utility-first CSS framework. So it gives you a bunch of utility classes that you can combine to do whatever you need.
Check it out here: https://tailwindcss.com/
⏱️ Timestamps ⏱️
00:00 – Intro
00:29 – 90s Google Page
02:33 – Tailwind CSS Setup
03:07 – Google Clone
04:38 – Header
09:22 – Main Content
16:49 – Footer
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course – https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #Google #Tailwind
source
