02D. Mixing Fractions and Pixels
Less than 1 minute
02D. Mixing Fractions and Pixels ๊ด๋ จ
Mastering CSS Grid | Colt Steele
Learn web development with Colt Steele

Mixing Fractions and Pixels | Colt Steele
You aren't stuck with just one unit when defining a grid. Mixing units allows for more complex layouts.
In this example, we'll simplify our grid to have three columns and a container width of 1000 pixels.
Recall that teh 1fr 1fr 1fr
for the grid-template-columns
gives us the three evenly sized columns: