body {
  font-family: 
  sans-serif;
  background-color: #89CFF0;
  max-width: 700px;
  margin: 40px auto;
  padding: 0 20px;
}

header h1 {
  text-align:center;
background:white;
color: darkblue; 
  margin-bottom: 20px;
}


.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

max-width:800px;
margin:auto;
padding:40px;
}


.assignment-card img{

width:180px;
height:120px;

object-fit:cover;

display:block;

margin:auto;
margin-bottom:10px;

border:1px solid #ccc;

}

img {
  width: 25%;
  height: auto;
}