main#doodle h3{
    display: inline;
}

section#doodle_list {
    display:flex;
    align-content:space-around;
    flex-wrap:wrap;
}

section#doodle_list article {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    margin: 4px;
}

section#doodle_list article img {
    position: absolute;
    /*object-position:*/
}

@media screen and (min-width: 481px){
    section#doodle_list {
        width:800px;
    }

    section#doodle_list article {
        width: 128px;
        height: 144px;
    }
}

@media screen and (max-width: 480px){
    section#doodle_list {
        width:100vw;
    }

    section#doodle_list article {
        width: 112px;
        height: 120px;
    }
}