Skip to content
Hallway
0:00 / 0:00

#cssgrid#flexbox#responsivedesign

Microsoft Homepage Clone - CSS Grid, Flex & Media Queries

Traversy Media

2.4M subscribers • 10 videos on Hallway

YouTube
  • Recommended by 1 person: 1 in engineering communities.
  • Presented by Brad Traversy, creator of Traversy Media
  • May be out of date. Uploaded 6 years ago, in an area where tools change fast.

Beginner. No background in the topic needed.

224K views6 years ago1 recommendation

Web developmentCSS and layout

Brad Traversy demonstrates how to build a responsive clone of the Microsoft homepage using HTML, CSS Grid, Flexbox, and 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): codepen.io/bradtraversy/details/ZEGGNRb 💖 Become a Patron: Show support & get perks! patreon.com/traversymedia Website & Udemy Course Links: traversymedia.com Follow Traversy Media: twitter.com/traversymedia instagram.com/traversymedia facebook.com/traversymedia

Why it's here

1 person recommends this

What people say. Shared as a practical, step-by-step tutorial for learning modern CSS layout techniques like Grid and Flexbox.

u/NicksIdeaEnginein r/Frontend • Recommends

New tutorial from Brad! - Cloning Microsoft.com (CSS Grid, Flex, Media Queries)
64View on Reddit