* {
  box-sizing: border-box; 
}
body {
  background-color: #d5afe0;
}
#container {
  display: flex;
  width: 800px;
  margin-left: auto;
  margin-right: auto; 
}
#header {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #ab4d90;
}
#footer {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #ab4d90;
}
#sidebar {
  width: 200px;
  background-color: #bb5385; 
}
#content {
  width: 600px;
  background-color: #ffffff;
}
#header, #footer, #sidebar, #content {
  padding: 20px; 
}
#sidebar a {
  display: block;
  text-decoration: none; 
  color: #ffffff;
  background-color: #e641a4; 
  margin-bottom: 10px;
  padding: 5px;
  border-left: 5px solid #ffffff;
  border-right: 5px solid #ffffff;           
}
#sidebar a:hover {
  text-decoration: underline; 
}
#gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
    padding: 15px;
}

#gallery img {
    width: 100%;
    height: auto;
}