*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

.blog
{
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 50px auto;
   background-image: url(https://img.freepik.com/premium-vector/abstract-trendy-floral-background-vector_7087-1882.jpg);
 
}

.blog .blog-1
{  
   padding: 15px;
   width: 40%;
   
}
#blog_item div
{
  width: 300px;
  height: 300px;
  margin-bottom: 50px;
}
#blog_item
{
   display: grid;
   grid-template-columns:repeat(5,1fr) ;
}
#blog_item img
{
   width: 100%;
}
#blog_item div button
{
   margin: 5px;
   padding: 5px;
}

#blog_data{
   display: flex;
   width: 250px;

   flex-direction: column;
   margin: 50px auto;
}

#blog_data input{
   margin: 10px;
   height: 30px;
   border-radius: 10px;

}

#blog_data input:hover{
   background-color: rgb(196, 230, 230);
   color: rgb(56, 62, 165);
   font-size: 12px;
}