header{
    margin: auto;
    background-image: url(https://food.fnr.sndimg.com/content/dam/images/food/fullset/2011/4/7/1/CL9455_no-bake-cookies_s4x3.jpg.rend.hgtvcom.616.462.suffix/1371597379025.jpeg);
    padding-bottom: 40px; 
    margin-bottom: 20px; 
    border-radius: 20px;
    padding-top: 5px; 
    margin-top: 50px; 
    background-size: cover; 
    overflow: hidden; 
    
    

}

header div {
    margin-left: 30px; 
    margin-right: 30px; 
    color: white;
    font-style:oblique; 
    font-weight: bolder; 
    font-size: 20px;
     
}

header h1 {
    margin-left: 20px; 
    color: rgb(255, 219, 242);
    font-size: 40px; 
    margin-right: 10px; 
    

}
body{

    max-width: 90%;
    margin: auto;
    width: 1500px; 
    font-family: Ubuntu; 
    

} 



footer{
    color: purple; 
    

}


h2 {
    margin-left: 50px; 
}

ul {
    margin-right: 20px; 
} 



.basicliststyle {
    background-color: pink; 
    border-radius: 25px;
    width: 50%;
    padding-bottom: 40px;
    margin-bottom: 40px;
    overflow: hidden; 
    display: block; 
    background-size: cover;
    background-repeat: no-repeat;
    color: purple;
    line-height: 30px;
    font-size: 20px; 
    
    
} 

.imgrecipesetup {
    display: flex;
    flex-wrap: wrap; 

} 

.imagegrid{
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    height: 50%; 
    
	

}

.imagegrid .griditem {
    width: 50%;
    padding: 10px;
    box-sizing: border-box; 
    height: fit-content; 
    
}



.imagegrid img {
    width: 100%;
    border-radius: 10px; 
   
}

@media (max-width: 600px) {
    .imgrecipesetup {
        display: block;
    
    } 
    .imagegrid {
        width: 100%;
    
    } 
    .basicliststyle {
        width: 100%;


    }

    .imagegrid .griditem {
        width: 100%; 
    }
  }