/* Basic styling */

body {
  font-family:"Courier New", monospace;
  margin: 0;
  padding: 15px;
  text-align: center;
  background: peachpuff;
}

/* Responsive images */

img {
  max-width: 25%;
  height: auto;
  display: block;
  margin: auto;
}

/* Grid layout */

.grid {
  display: grid;
  
  gap: 5px;
  margin-top: 50px;
}

.box {
  background: pink;
  padding: 15px;
}

/* Flexbox layout */

.flex {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.art {
  background: peach;
  padding: 20px;
  width: 150px;
}

/* Media Query */

@media (max-width: 700px) {
}