.blog-list {
  display: grid;
  grid-template-columns: 1fr; /* Один столбец для мобильных экранов */
  gap: 16px; /* Промежуток между элементами */
}
.blog-list a {
  color: var(--accentcolor);
}
.meta a {font-size:14px; color:#888}
.blog-list a:hover{
	color:var(----maincolor);
	border-color: var(----maincolor);
}

.post-thumbnail img {
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 15px;
}
.single .post-thumbnail img {
	max-height:500px;
	margin-bottom:15px
}
.more {
  display: block;
  border: 1px solid;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
	text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}
.excerpt p {
	margin: 15px 0;
}
@media (min-width: 680px) {
  .blog-list {
    grid-template-columns: repeat(2, 1fr); /* Два столбца для экранов шире 640px */
  }
}