Skip to main content

02C. Implement a Layout with Fractional Units

Less than 1 minuteCSScrashcoursecolt-steelecssgrid

02C. Implement a Layout with Fractional Units ๊ด€๋ จ

Mastering CSS Grid | Colt Steele
Learn web development with Colt Steele
Implement a Layout with Fractional Units | Colt Steele
Create a three-column layout with equal-sized columns and two rows. The top row should be twice as large as the bottom row. The layout should be responsive.
CSSGridTutorial/Exercise-04 display-grid/Starter at master ยท Colt/CSSGridTutorial
...

In this exercise, you are given six boxes inside a container:

Exercise

Solution: Define a Three-Column, Two-Row Grid

CSSGridTutorial/Exercise-04 display-grid/Solution at master ยท Colt/CSSGridTutorial
...