Microsoft Clone in Tailwind CSS - Tailwind Tutorial

Microsoft Clone in Tailwind CSS - Tailwind Tutorial

CodeWithHarry via YouTube Direct link

Adding Logo, Cart and Search Icon:

7 of 18

7 of 18

Adding Logo, Cart and Search Icon:

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Microsoft Clone in Tailwind CSS - Tailwind Tutorial

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction:
  2. 2 Setting up Tailwind:
  3. 3 Microsoft: Clone Reference:
  4. 4 Mobile First Approach:
  5. 5 Creating Navbar:
  6. 6 Adding Hamburger:
  7. 7 Adding Logo, Cart and Search Icon:
  8. 8 Adding Responsiveness:
  9. 9 Adding Navigational Elements:
  10. 10 Responsive Navigational Elements:
  11. 11 Creating Slider:
  12. 12 Structuring the Slider:
  13. 13 Creating the left and right container:
  14. 14 Creating Shop Now button:
  15. 15 Assigning Proper Size and Position:
  16. 16 Creating the Promo Component:
  17. 17 Fixing Issues:
  18. 18 Finalising:

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.