https://github.com/saddamarbaa/microsoft-homepage-clone

==> Microsoft homepage from scratch a responsive layout "Mobile First Design" using HTML5/CSS and a bit of JS, modern CSS features, and techniques including CSS grid, flexbox, and media queries .....
https://github.com/saddamarbaa/microsoft-homepage-clone

complete-responsive-website css-flexbox css-grid css-units css-variables media-queries

Last synced: 4 days ago
JSON representation

==> Microsoft homepage from scratch a responsive layout "Mobile First Design" using HTML5/CSS and a bit of JS, modern CSS features, and techniques including CSS grid, flexbox, and media queries .....

• Host: GitHub
• URL: https://github.com/saddamarbaa/microsoft-homepage-clone
• Owner: saddamarbaa
• Created: 2020-12-23T07:40:13.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-30T17:52:55.000Z (almost 4 years ago)
• Last Synced: 2025-02-03T18:01:43.089Z (3 months ago)
• Topics: complete-responsive-website, css-flexbox, css-grid, css-units, css-variables, media-queries
• Language: HTML
• Homepage: https://microsoft-clone-app.netlify.app/
• Size: 1.81 MB
• Stars: 4
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Microsoft Homepage Clone( HTML5/CSS)

This is a code repository for building: Microsoft homepage from scratch a responsive 

layout "Mobile First Design" using HTML5/CSS and a bit of JS for the menu.

in this project, I Learned more about modern CSS features and techniques including CSS grid, flexbox, and responsive media queries

## LIVE DEMO

## GitHub Pages DEMO

### Responsive on large screens

![image](https://user-images.githubusercontent.com/51326421/103206736-1cc69900-492f-11eb-93cb-3d60d810a87d.png)

### Responsive on mobile and tablet screens

![image](https://user-images.githubusercontent.com/51326421/103206415-6367c380-492e-11eb-8737-ceda576b5060.png)

### Responsive on small mobile screens

![image](https://user-images.githubusercontent.com/51326421/103206168-cc9b0700-492d-11eb-9d6c-659e32ea8185.png)