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;
    } 
} 


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

    gap: 1.44rem;
}

@media screen and (max-width: 100px){
    #finalfidget{
        grid-template-columns: 1fr 1fr 1fr;
    } 
} 

#text{ 
color: rgb(0, 0, 0); 
font-size: 30px; 
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 

display: inline-block; 
} 
a:hover { 
color:rgb(212, 19, 99); }