.main-blog {
  background-color: rgb(var(--color-background));
}

.main-blog__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.main-blog__list {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(var(--desktop-columns),1fr);
}

.main-blog__list li{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}
.main-blog__title {
  color: rgba(var(--color-text));
}

@media(max-width:959px){
  .main-blog__list {
    gap: 5.3333vw;
    grid-template-columns: repeat(1,1fr);
  }
}