.parent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(8, 1fr);
    gap: 8px;
}
    
.div1 {
    grid-column: span 10 / span 10;
    grid-column-start: 2;
}

.div5 {
    grid-column: span 4 / span 4;
    grid-row: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 2;
}

.div6 {
    grid-column: span 3 / span 3;
    grid-row: span 5 / span 5;
    grid-column-start: 9;
    grid-row-start: 2;
}
        .div7 {
    grid-column: span 3 / span 3;
    grid-row: span 5 / span 5;
    grid-column-start: 6;
    grid-row-start: 2;
}

       .navbar {
    grid-column: span 10 / span 10;
    grid-row-start: 2;
}

      .wordart {
    grid-column: span 11 / span 11;
    grid-row-start: 1;
}

        body { 
          background-image:url("https://gaxolotlsite.neocities.org/bgs/bg6.jpg"); color: brown; font-family: "Comic Sans MS", "Comic Sans", serif; 
        } 
        #boxpls { 
        padding:8px; border-style: dotted; border-width: 3px; border-color: brown; text-align: center; background-color: tan; 
        }