Grids

Grid Layout

• Grid Layout


• Grid App


• Grid Content


• Grid Example


• Demo


• Article


• Form


• Letter Grid


• Card


• Responsive Design


• Basic Grid Layout

Reflection Statement

What I Knew

I knew that CSS Grids are a CSS structure that helps layout a web page with rows and columns and it’s easier than using floats and positioning.

What I Learned

I learned that you could use Grids to layout any elements on the page and you can align the grid-gap from start to end. For example, using the grid-column properties can be set 1 to start and 5 to end (1/5).

What I Still Want to Study

I want to know more about the history of Grid Layouts and how web developers thought of the idea?