/*
CTI-110-03W.2026SP
Create Your Own Website
"American Impressionists"
A small website meant to present basic information about American Impressionists and sample some of their work
This specific file deals with the grids present on the homepage, as it made it easier to read seperate from the general CSS stylesheet
Author: Tyler Meade
Date (of last edit): 3/30/2026
Filename: hp-grid.css

need to tweak when starting to actually reference links and images
need to add a nice border to them at some point
*/

div#test {
   display: grid;
   grid-template-columns: 400px 200px 400px;
   grid-template-rows: 400px 100px 400px 400px 400px;
}

div#scape0 {
   grid-column-start: 1;
   grid-column-end: 4;
   grid-row-start: 1;
}

div#title1 {
   grid-column-start: 1;
   grid-column-end: 4;
   grid-row-start: 2;
}

div#test1 {
   grid-row-start: 3;
   grid-column-start: 1;
}

div#test2 {
   grid-row-start: 4;
   grid-column-start: 1;
}

div#test3 {
  grid-row-start: 5;
  grid-column-start: 1;
}

div#text1 {
  grid-row-start: 3;
  grid-column-start: 2;
}

div#text2 {
  grid-row-start: 4;
  grid-column-start: 2;
}

div#text3 {
  grid-row-start: 5;
  grid-column-start: 2;
}

div#scape1 {
  grid-row-start: 3;
  grid-column-start: 3;
}

div#scape2 {
  grid-row-start: 4;
  grid-column-start: 3;
}

div#scape3 {
  grid-row-start: 5;
  grid-column-start: 3;
}