.projects-list {
  display: grid;
  gap: 1rem;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  grid-auto-rows: 1fr;
  list-style: none;
  padding-left: 0;
}

.projects-list li {
  /* display: flex; */
  /* flex-direction: row; */
  /* justify-content: space-between; */
  background-color: var(--bg-1);
  border: var(--border);
  border-radius: var(--radius);
  padding: 1rem;
  margin: 0;
}

.projects-list .tags {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  /* justify-content: space-between; */
}

.projects-list hr {
  border: thin solid var(--mg-1);
}

.projects-list .tags p {
  color: var(--code-3);
  font-size: 0.8rem;
  background-color: var(--bg-2);
  padding: 0.1rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  border: var(--border);
  border-radius: var(--radius);
  /* justify-content: space-between; */
}

.projects-list li .body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* background-color: var(--bg-1); */
  /* border: var(--border); */
  /* border-radius: var(--radius); */
  /* padding: 1rem; */
  /* margin: 0; */
}

.projects-list .cover img {
  margin: 0;
  padding: 0;
  max-height: 5rem;
  border-radius: var(--radius);
  object-fit: contain;
}

.projects-list .info {
  display: grid;
  gap: 0.3rem;
}

.projects-list p {
  margin: 0;
  color: var(--fg-2);
}

.projects-list h3 {
  margin: 0;
  /* margin-bottom: 0.3rem; */
  color: var(--code-3);
}

.projects-list h4 {
  margin: 0;
  font-weight: normal;
}