img{
    width: 100%;
} 

#gallery{
    background-color: aliceblue;
    display: grid;

    gap: 1.44rem;
} 
#sketch{
    max-width: 300px;
}

@media screen and (min-width: 450px){
    #gallery{
        grid-template-columns: 1fr 1fr;
    } 
} 

@media screen and (min-width: 900px){
    #gallery{
        grid-template-columns: 1fr 1fr 1fr;
    } 
} 

#galleries{
    background-color: aliceblue;
    display: grid;

    gap: 1.44rem;
}

@media screen and (min-width: 200px){
    #galleries{
        grid-template-columns: 1fr;
    } 
}

#pencilholder{
    background-color: aliceblue;
    display: grid;

    gap: 1.44rem;
}

@media screen and (min-width: 450px){
    #pencilholder{
        grid-template-columns: 1fr 1fr;
    } 
} 

@media screen and (min-width: 900px){
    #pencilholder{
        grid-template-columns: 1fr 1fr 1fr;
    } 
} 

#pencilholder2{
    background-color: aliceblue;
    display: grid;

    gap: 1.44rem;
}

@media screen and (min-width: 300px){
    #pencilholder2{
        grid-template-columns: 1fr 1fr 1fr;
    } 
} 

@media screen and (min-width: 450px){
    #pencilholder2{
        grid-template-columns: 1fr 1fr 1fr;
    } 
} 

#fidgetspinner{
    background-color: aliceblue;
    display: grid;

    gap: 1.44rem;
}

@media screen and (min-width: 300px){
    #fidgetspinner{
        grid-template-columns: 1fr 1fr 1fr;
    } 
}