Microsoft Homepage Clone - CSS Grid, Flex & Media Queries 

Thank you so much Mr. Traversy. I really love these clone projects, and I've coded along and built every one on your channel. They're such an important (and refreshing) back-to-the-basics type code along content that there's just far too little of on RU-vid imho. Keep doing what you do Brad. You're such a treasure to the dev community worldwide, and I don't know what we'd do without you...

Just when I'm struggling with media queries, thank you for yet another spot on content Brad!

I have been watching Traversy for a while. Thank you Brad for having me get out of my comfort zone and learn something I'd always want.

Even though there was nothing exactly new here for me, I watched every minute and got so much from it. The workflow, the approach, the priorities, the economy/speed etc were all outstanding. Brad you are a star and have taught me so much! More of this sort of stuff please.

you always make css looks so easy and you manage to avoid all of its complexities, thank you brad.

Been working on this myself and I just came on RU-vid for some tips and fell on my exact project 😭You’re the man Brad! You’re my man 💪🏾

Thank you Brad! Love these cloning tutorials! Really teaches us the basics of CSS and how to use it effectively by copying a real world site/application. Keep up the great work!

I appreciate how you really do some somewhat ambitious projects, I love it. Thanks alot.

Amazing Brad 😀 just when I was searching for a grid css refresh

Hey, I'm a beginner right now. I rewatched a few of your videos for beginners like 5 times each, followed along wrote your code a few times over until I was able to do it myself without looking. Now watching this video, I can begin to pause and make some of the components myself before seeing the solution. Thanks for these videos man.

Good video Brad! I've been writing everything in Flex these days.

70 minutes of footage. Watched it on 2x. Understood every bit. Still better than watching Netflix. Love you, Brad!

Thank you Brad, this tutorial helped me to understand, acknowledge and refresh the basic concepts for CSS. Thank you for devoting your time to this.

the way you explain stuff makes it so easy to follow along. This is an incredible tutorial.

I absolutely love these website cloning projects! Please make some more Brad!

This is probably one of the best videos you've ever done.

Absolutely brilliant! Learned so much on this video alone! Thanks Brad, please keep bringing more clones like this one. Will now start with the Netflix clone right away!!

That looks elegant. I got the idea for my coming videos. Superb as always, Brad. 1 million almost done.🙏🏻

This is amazing! Well done Brad! 😃

Love these kinds of projects Brad. Even if you "know" this stuff it is always good to get some repetition. Thanks!

This is so good.. I love how you detail all the steps and explain what the css values are doing.. Cheers

Thanks so much , it’s been years since I did any sort of coding , this is a great refresher to get back

Nice and Clean. That's how experienced developer does things. Thank you !

So easy for you Brad. No sweat! You are just like narrating a story.

You make Coding so easy man. i love how you explain this in step by step and in details. thank you. your video have a blessing to me.

I'm a software engineering student and I just have to thank you because all your videos motivate me more to learn code than any class I've ever had (your videos also teach me WAY more than college, should be paying you instead haha) I'm binge watching your videos! Subscribed for sure

I've just finished it. Took a while because I wanted to comment everything lol. But I could finish it. So Thank you very much for your effort, as always. I love learning with you. Greetings from Argentina!

Thanks a ton for all your hard work. You're my favorite teacher on RU-vid.

Man.. I love your content. Im a fully self taught UX designer now teaching myself web dev and your channel has been pretty instrumental to my motivation and learnings. I can't wait to do this one but im doing some of your previous sites before i do this one :). Thank you!

hats off on this brad!! love the way you mixed flexbox and grid together.

Congratulations Brad. One million subscribers on Traversy Media! Very well deserved.

Brad all the way... You are a blessing to our generation... Your tutorials made me what I am today

Wow! Man you keep putting out fantastic varied content. All I can say is thanks! You’re a truly special developer and teacher!

Brad you are without doubt the best web dev teacher out there. Really amazing stuff!! I'm so very thankful for all that you do. Keep up the good work my friend.

This was insanely helpful! Thank you for the nice mix of speed and level of detail 🙏

This is great, even for people who know how to do all of this, it could be useful as a reference/refresher. Some of the very common components are shown and it's always great to see someone else do it their way, because sometimes you learn to do something a certain way and you keep wondering if it's the "right way" or not so it also helps to see how someone else is doing it

Enjoyed watching your video by putting together the complete codes for the application. It is, in my humble opinion, the best examples for use of flexbox and grid. Thanks for all your efforts

This was a good tutorial! I gave it a go on my own before watching the solution and got pretty close with everything. Feeling a lot more confident with responsive layouts now, thanks for the help!

Love your videos man, unlike a lot of other online videos you really take the time to explain what the code will actually do while you're writing it and I understand a hell of a lot more by watching you compared to other videos, keep up the good work :). Plus on a side note even though i live in Scotland im also a patriots / redsox fan so even more reason to watch you lol

Brad, you're a lifesaver. I'm almost ready to move on from CSS to JS, but I've been struggling with Grid.

I do really appreciate all your work! I am so happy to find your tutorials!

Thanks Brad for this great video. I always learn something interesting/new/different from your videos, this is so didactic ! I had no idea how the hiding menus where implemented, this was so clear. Regards from México!

Brad from Traversy media and Quincy Larson from Freecodecamp. The Tech life changers of all time. Salute from Bangalore and Nairobi.

brad you are just too talented for this generation...everything you put on your platform is awesome.

One of the best CSS practice clones. Thank you Brad 🙏

I'm 53. I've just started my adventure with web design (I'm "print" art director and designer)...You're my GURU:)) Many Many Thanks! for the way you're explaining the maze;) I wish I had all teachers like you. Greetings from Warsaw, Poland

Uploaded about an hour ago and already almost 500 likes. On top of that, Brad is closing in on 1m subscribers. This is an awesome thing to see.

Another amazing tutorial here, Brad! This has been really helping me understand how to write css! If anyone wants to display the sidebar menu when you hover over the menu-bar(.menu-btn) add this code to your css: .menu-btn:hover + .container .main-menu { transform: translateX(-20px); }

So amazing, Brad ! Loved it. Thank you for all you do.

Thanks for everything you do Brad!!

Just what I've been waiting for, great work Brad

Brad doing what he does best. Keep up the great job, man

Thanks Brad! Wish you all the best!

Wonderful vid! Helped alot with grasping flexbox and grid a little better for me

Learning CSS grid made creating responsive webpages a lot more fun for me. So much flexibility. I have read there can be issues with accessibility if you’re not careful in the way you layout your HTML relative to how your grid is actually displayed though.

Thanks boss. This video really came at a time I needed to learn how to use the grid system. You're the master.

Love it! Now i have a clear, simple template i can understand.. thank you Brad.

sending gratefulness from Korea! thanks alot!

Worthy of a comment , covers a lot of css concepts

Clean video as always! I've been working on improving my web dev skills during the extra time inside

Amazing video! I've learned so much from coding along to this one and the Netflix Clone video.

For those who would like to fix the issue of scrolling while menu is open, just add this to your code: > style.css .fixedPosition{ position: fixed; } > //modify the function as such document.querySelector('.menu-btn').addEventListener('click', () => { document.querySelector('.main-menu').classList.toggle('show'); // When menu is open, prevent from scrolling if(document.querySelector('.main-menu').classList.contains('show')){ document.body.classList.add('fixedPosition'); }else{ document.body.classList.remove('fixedPosition'); } }); Like this so Brad can PING this! Thank you so much for the tutorial Brad!

Thank you so much Brad! This is such a treasure!

Very useful code to refresh knowledge and write clean pure code to develop templates from scratch. Thank you very much, Brad!

This one is a game changer! Thanks brad! I’m going to do this one right after I get home from my local dev meet up!! Btw, thanks to you and front end masters I am now doing more and more on my own! I can somewhat read documentation and I’m pretty good with react on my own thanks to your JavaScript course, and your react course! Thank you so much❤️

This is awesome! Thanks Brad. Also to mention, last week i accepted a Software Engineer job :D and I would like to thank you for the content you provide, making my dream possible and for being a great instructor!

More content like this. I would surely appreciate contents about wireframing, and creation of websites from wireframes.

Amazing Brad! You are a great gift for me.Learning a lot from your channel

I learned a lot of things doing this project, thank you !

what a wonderul project, made me understand a lot of html and css

I like the video before I watch it, love your videos traversy! I love your udemy courses!

I know I am going to enjoy it. Can't wait to get started!!

Thank u so much, Brad. Congratulations for your effort in making the awesome content. 1M Subscribers coming soon. All the Best.

Traversy Media is sitting on 991K , 1M here we come 👌...One of the best lecture on RU-vid, The University of everything😁

Thank you very much , I literally learn so much CSS from this video ❤️

Awesome stuff. I worked through it and cleared out some doubts I had. Thanks a lot!

Man!! You are awesome... Looking forward for more clone tutorials. Learning is easier this way. ❤️ You well wisher from 🇮🇳 India.

Thank you Brad! This tutorial is just Amazing!!

Quick and easy. Thank you Brad!

you are great in this aspect Brad👍

Awesome man!!! Thanks a lot!!! Was thinking of doing on a brush-up of flexbox and grid.

Love this Clone videos, to refresh and practice knowledge is awesome.

Awesome. Very enjoyable and definitely learned new stuff. Thank you very much.

This is great! Thank you, Brad.

Thanks for always producing high quality content. Keep it going

Great tutorial, even for beginners like me easy to follow!

I am so excited... When I find a Brad's video that makes a webpage(s) project, I kinda get the feeling of a lion when he is hungry and sees a deer.

9k subs more and traversy media will be the next million subs dev channel. Can't wait!

God father of youtube programming thank you brad.

Hi Brad...Once again a great video....Thanks for sharing....it really gave me some good info on grids. 👍

Thanks brad. This is a good refresher for mee

I always like your video before watching 😀. BTW, great one

I am not a beginner, so I know most of the stuff in the video. But there's just something about watching Brad building websites that relaxes me.

Why did we give a fixed height of 60px to ? Shouldn't we avoid giving heights and use padding / min-height instead for responsive design?

Awesome tutorial! Thank you!

Thanks to you Brad for such a cool content! It would be nice if you also make a video about how this dynamics thing in websites works: how multypage websites are made (obviously not by creating a ton of .html files) and what the approaches to make that dynamics are. I like the way you explain things, everything is clear enough for me when I watch you, regardless of my not good enough English. Appreciate your business much

GREAT TUTORIAL ALWAYS LOVE TO WATCH YOUR SUPER STUFF

This is really cool, a few weeks back i bought your udemy course of 20 Web Projects With Vanilla JavaScript. its really worth it if you want to practice javascript. Thanks Brad for your effort & brilliance...

The man makes it look so easy 😅

A Great piece Brad! Thanks a lot