User:Ccsmith/common.css

.parent{ display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(4,1fr); grid-template-areas: 'item1 item1 item1 item1' 'item2 item2 item2 item2' 'item3 item3 item3 item3'; }

text-align:center; grid-area:item1; font-size:15px; }	text-align:center; grid-area:item2; font-size:17px; }	text-align:center; grid-area:item3; font-size:10px; } .container1{ display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(4,1fr); grid-template-areas: 'item4 item4 item4 item4'; }	text-align:center; grid-area:item4; font-size:12px; border-top:2px solid black; border-bottom:2px solid black; padding-top:10px; padding-bottom:10px; margin-top:-50px; } .container2{ display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(4,1fr); grid-template-areas: 'item5 item5 item6 item6' 'item5 item5 item7 item7'; }	grid-area:item5; font-size:12px; background:lightblue; }
 * 1) item1{
 * 1) item2{
 * 1) item3{
 * 1) item4{
 * 1) item5{

grid-area:item6; font-size:12px; background:yellow; }	grid-area:item7; font-size:12px; background:red; }
 * 1) item6{
 * 1) item7{