.title_with_buttons {
    display: flex; 
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.input_box {
    padding: 1.5rem 2rem;
    margin-top: 1.5rem;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
}

.grid_3cols {
    display: grid; 
    grid-template-columns: auto max-content max-content; 
    align-items: center;
    column-gap: 1rem;
}

.grid_4cols {
    display: grid;
    grid-template-columns: auto auto min-content min-content;
    column-gap: 0.25rem;
    align-items: center;
}

.flex_between {
    display: flex; 
    justify-content: space-between;
    align-items: center;
}

.mb05 {
    margin-bottom: 0.5rem;
}

.sdrecipe_preview {
    padding: 1.5rem 2rem;
    margin-top: 1rem;
    border-radius: 5px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    border: 1px solid gray;
}

#sdwrapper {

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    body {
        /* background-color: lightsalmon; */
    }
 }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}
 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    body {
      /* background-color: lightblue; */
    }
    
    .input_box {
        padding: 2rem 4rem;
    }

    .sdrecipe_preview {
        padding: 2rem 4rem;
    }

  }

 /* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {

    body {
      /* background-color: green; */
    }
    
    #sdwrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 1rem;
    }

    
 }
 
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {}