Microsoft Homepage Clone - CSS Grid, Flex & Media Queries

In this project we will build our own version of the Microsoft homepage using HTML5/CSS and a bit of JS for the menu. You will learn about modern CSS including CSS grid, flexbox and responsive media queries Code (Get images from here): 💖 Become a Patron: Show support & get perks! Website & Udemy...

Intermediate - 71 min - Software & IT - Traversy Media

The full course: Learn HTML & CSS free

What you'll need

• Laptop stand: Screen at eye level for long study sessions.
• Noise-cancelling headphones: Focus through long video lessons.
• Second monitor: Video on one screen, practice on the other.
• Wireless keyboard and mouse: Comfortable for hours of typing.

Books

1. HTML and CSS by Jon Duckett - View on Amazon
2. CSS: The Definitive Guide by Eric A. Meyer - View on Amazon
3. Head First HTML and CSS by Elisabeth Robson - View on Amazon
4. Don't Make Me Think by Steve Krug - View on Amazon
5. Learning PHP, MySQL & JavaScript by Robin Nixon - View on Amazon

Next lessons

• HTML Crash Course For Absolute Beginners (61 min, Traversy Media, Beginner)
• HTML & CSS Full Course for free 🌎 (243 min, Bro Code, Intermediate)
• HTML Tutorial for Beginners: HTML Crash Course (70 min, Programming with Mosh, Beginner)
• Learn CSS in 1 hour 🎨 (60 min, Bro Code, Intermediate)
• Learn HTML in 1 hour 🌎 (60 min, Bro Code, Intermediate)
• CSS Crash Course For Absolute Beginners (85 min, Traversy Media, Beginner)
• HTML and CSS Tutorial for 2021 - COMPLETE Crash Course! (138 min, DesignCourse, Beginner)
• Learn CSS Grid the easy way (37 min, Kevin Powell, Beginner)