body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

/* Careful with the footer */
main {
  padding-bottom: 60px;
}

header {
  text-align: center;
  padding: 20px;
}

.articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  padding: 20px;
}

article {
  border: 1px solid #ccc;
  padding: 15px;
}

article img {
  width: 100%;
  height: auto;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid #ccc;
  background-color: #fff;
  padding: 10px;
}