Campsite Coders

Learn CSS

Learn to code and become a Front End Web Developer

Campsite Coders Bootcamp Coding Advenuture

CSS Grid Template - Columns & Rows


You use the grid-template-columns and grid-template-rows to set the size of each div container inside of the grid. You do this using the "fr unit". The fr unit represents a fraction of the available space in the grid container rather than a set amount, and ensures that grid tracks grow and shrink according to the available space. You can also use the "px unit" to represent pixels. The rows are defined implicitly but you can set a default height by defining them with "grid-auto-rows".

Learn HTML Free Learn CSS Free Learn JavaScript Free

HTML

CSS

Play around with the different properties available in CSS grid columns and rows before moving ahead.

Campsite Coders Bootcamp Coding Adventure
Road Map for Coding Adventure One

Campsite Coders

56747 Ewing Rd

Moffat, CO 81143

720-515-1124

Campsite Coders logo in footer

Copyright 2023 . All rights reserved