tubeshowcase●913,523 videos♡ My collection 0
← Learn to Code

Learn to Code1:33:32

Project 2: Microsoft Clone (Responsive) in Tailwind CSS: Tailwind Tutorial #15

CodeWithHarry ↗

From the creator

Responsive site in Tailwind CSS: In this video, we will be building Microsoft design in Tailwind CSS All the source code and other material will be uploaded on https://codewithharry.com as and when available! TimeStamps ⌚ Introduction: 00:00 Setting up Tailwind: 00:53 Microsoft: Clone Reference: 02:54 Mobile First Approach: 03:50 Creating Navbar: 04:36 Adding Hamburger: 05:08 Adding Logo, Cart and Search Icon: 08:02 Adding Responsiveness: 12:10 Adding Navigational Elements: 18:41 Responsive Navigational Elements: 22:43 Creating Slider: 32:18 Structuring the Slider: 33:59 Creating the left and right container: 35:18 Creating Shop Now button: 49:19 Assigning Proper Size and Position: 51:18 Creating the Promo Component: 56:59 Fixing Issues: 1:05:05 Finalising: 1:23:11 ►Checkout my English channel here: https://www.youtube.com/channel/UC7btqG2Ww0_2LwuQxpvo2HQ ►Instagram: www.instagram.com/codewithharry python, C, C++, Java, JavaScript and Other Cheetsheets [++]: Playlist: https://www.youtube.com/playlist?list=PLu0W_9lII9agrsRZjFECeFuWY5ev2pQlk ►Learn in One Video[++]: Python[15 Hr] - https://www.youtube.com/watch?v=gfDE2a7MKjA&list=PLu0W_9lII9ahKZ42vg2w9ERPmShYbYAB7 Python Advance[3.5 Hr] - https://www.youtube.com/watch?v=61a7UkDO50s&list=PLu0W_9lII9ahKZ42vg2w9ERPmShYbYAB7 Python[1 Hr] - https://www.youtube.com/watch?v=qHJjMvHLJdg&list=PLu0W_9lII9ahKZ42vg2w9ERPmShYbYAB7 Python[2 Hr] - https://www.youtube.com/watch?v=ihk_Xglr164&list=PLu0W_9lII9ahKZ42vg2w9ERPmShYbYAB7 Python[15

Published 2022-02-03 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.

Keep exploring Learn to Code