/**
 * @file
 * Article styles.
 */

 /* ARTICLE VIEW */
.view-article {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.view-article__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}


/* ARTICLE PAGE */
.article > div {
  display: flex;
  flex-direction: column;
}
.article__image img {
  border-radius: 10px;
}
.article__title,
.article__description {
  margin-top: 32px;
}
@media all and (min-width: 750px) {
  .article__title,
  .article__description {
    margin-top: 64px;
  }
  .article__description {
    padding: 0 32px;
  }
}