filmov
tv
How to build a simple responsive layout with CSS grid

Показать описание
I'll show you how to build a simple two-column responsive layout, and explain the basic properties of how CSS grid works.
0:00 - Intro
0:18 - Setup project files
3:12 - Using Live Sass VS Code extension
6:49 - Adding gradient backgrounds, tweaking styles
8:18 - Creating the grid template, using the "fr" unit
10:44 - Using Firefox grid inspector
13:30 - Changing the grid template styles
13:48 - grid-template-columns and repeat() function
14:15 - grid-template-rows
15:04 - Placing grid child items using grid-column and grid-row
18:38 - Building the two-column layout
_____________________________________
SUPPORT THE CHANNEL
👏🏽 Hit the THANKS button in any video!
WANT TO LEARN WEB DEV?
Check out my courses:
RECOMMENDATIONS
🔽 FOLLOW CODER CODER
#webdevelopment #coding #programming
Complete build a simple house
Minecraft: How To Build Simple Underwater Starter House! (6 Minutes!)
Simple off grid Cabin that anyone can build & afford
Minecraft: How To Build a Simple MOUNTAIN BASE!
Minecraft: 20+ Simple Build Hacks!
Minecraft: How To Build a Simple Survival House
How to Build a Simple Pantry Cabinet with Pull Out Shelves
How to Build a Simple Bed Frame on a Budget - EASY DIY
Minecraft: How To Build a Simple Starter House
How to Build a Tiny Pole Barn in -5 MINUTES- | Chicken House Plans
How to Build a Simple, Sturdy Greenhouse from 2x4's | Modern Builds | EP. 58
Minecraft | How to Build a Simple Survival House | Starter House
How to Build a SIMPLE Dresser (Basic Tools!)
Minecraft: How To Build Simple Underwater Starter House! (5 Minutes!)
Build a Pair of Simple Sawhorses! Strong, Cheap, Stackable
How to build a simple 15 foot plywood boat in 2 days with Lou - Catskill Mountain Youtube Maker Camp
How To Build a Simple Cheap Work Bench
How To Build Simple Underwater Starter House!
Easy to Build Workbench
Minecraft | How to Build A Simple Japanese Starter House Tutorial
Full video on how to build a simple small chicken coop.
Minecraft | How to Build a Simple Survival House | Starter House
Minecraft - Simple Watchtower Tutorial (How to Build)
How To Build A Simple DIY Dresser | Free Woodworking Project Plan
Комментарии