Hey there guys,
Welcome to another CSS Grid Tutorial Bite-Sized video, this video is part 2 of Practical Examples of when we might use CSS Grid.
😊 SUBSCRIBE and hit the BELL NOTIFICATION 🔔:[ Ссылка ]
Microphone I Use
Blue Yeti USB Microphone: [ Ссылка ]
RØDE PSA1 Arm: [ Ссылка ]
PC Specs
MSI GeForce GTX 1660 SUPER VENTUS XS OC: [ Ссылка ]
Intel Core i9-11900K: [ Ссылка ]
Kingston 480GB Q500: [ Ссылка ]
MSI MAG B560 TOMAHAWK: [ Ссылка ]
MSI MAG FORGE 100R Mid Tower: [ Ссылка ]
27" Ultrasharp 4k Monitor: [ Ссылка ]
PINKCAT, Wireless Keyboard and Mouse Set: [ Ссылка ]
Timestamps:
00:00 - Introduction
00:31 - Example 1: Asymmetric Responsive Design
04:56 - Example 2: Responsive Navbar
05:20 - Example 2: HTML Mark-up
07:15 - Example 2: CSS Styling
11:55 - Example 2: Making it Responsive
16:36 - Re-ordering CSS Grid items
18:37 - Example 3: Nested Grids (Avengers bio card)
If you have any questions, leave them down below and i hope you guys enjoy the video :)
------------------
👍 HTML FULL TUTORIAL: [ Ссылка ]
👍 CSS FULL TUTORIAL: [ Ссылка ]
👍 FIVE-MINUTE FRIDAY TUTORIALS: [ Ссылка ]
------------------
INSTAGRAM: [ Ссылка ]
------------------
Learn with Code Lab! easy to understand tutorials :-)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
