# Grid and Responsive Examples

- Page Layout - 2 column
- Page Layout - 2 column with names
- Page Layout - 3 column
- Page Layout - 3 column - Responsive
- Solar System Example - using grid (not responsive; fixed 3 column content grid)
- Solar System Example - grid and responsive with @media
- Solar System Example - grid and responsive with minmax()
- Solar System Example - responsive image for Earth. Note that the CSS for this is the exact same as the example above (grid and responsive with minmax())! The only difference is that in our HTML, the Earth image has `srcset` and `sizes` attributes defined!