#text1 {font-size: 30px}
#text2 {font-size: 30px}
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* makes 3 equal columns*/
  grid-auto-rows: minmax(30px,auto); /*makes row change with screen but no maller then 30px*/
  background-color:pink;
  border: 2px solid orange;
  border-radius:5px;
  gap:10px; /* gap between grid lines */
  padding:5px;
}
#firstpic {max-width: 100%; /*makes the width fit any screen size*/
  height: auto;
  display: block; /* prevents extra space at the bottom */}
#credits1 {font-size:10px;}