Hey Friends today we will make a Responsive Layout Using Only CSS Grid. If you find this tutorial useful give it a like and Subscribe for more awesome web development content. Fell free to ask any question in comments.
- 0:00 Project Showcase
- 0:40 Files
- 0:55 Html code starts
- 1:03 Card 1 Html code
- 1:29 Card 2 Html code
- 1:38 Card 3 Html code
- 1:59 Css Code starts
- 2:10 Grid class styling
- 2:30 All 3 cards styling
- 3:09 Hover effect for all 3 cards
- 3:33 Image styling for all 3 cards
- 4:11 Buttons styling for all 3 cards
- 4:53 Responsive styling for Tablet Mode
- 5:09 Responsive styling for Mobile Mode
- 5:33 Final Result
#css