Search videos

Search across video titles, descriptions, and transcripts

Microsoft Homepage Clone - CSS Grid, Flex & Media Queries | Traversy Indexed

Microsoft Homepage Clone - CSS Grid, Flex & Media Queries

Feb 11, 2020beginnerProject Build

Description

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):

https://codepen.io/bradtraversy/details/ZEGGNRb

💖 Become a Patron: Show support & get perks!

http://www.patreon.com/traversymedia

Website & Udemy Course Links:

https://www.traversymedia.com

Follow Traversy Media:

https://www.twitter.com/traversymedia

https://www.instagram.com/traversymedia

https://www.facebook.com/traversymedia

Related Videos

React Native Crash Course 2026 - Build a Complete Mobile App

React Native Crash Course 2026 - Build a Complete Mobile App

beginnerCrash Course

Optional Chaining in JavaScript

Optional Chaining in JavaScript

intermediateQuick Tip

I Tried Vibe Coding - Here Are My Thoughts

I Tried Vibe Coding - Here Are My Thoughts

intermediateQuick Tip

Freelance Web Developer Roadmap

Freelance Web Developer Roadmap