#convert-container {

    display: grid;

}



input[type='time'] {

    width: 100%;

    height: 120%;

}



#input-spacer {

    margin-top: 2%;

}



#convert-container>div {

    white-space: nowrap;



}



@media(min-width:568px) {

    #convert-container {

        grid-template-columns: 1fr 8fr;

        row-gap: 20%;

        



    }



}



@media(max-width:568px) {

    #convert-container {

        grid-template-columns: 1fr;

        row-gap: 5%;







    }



}