uix-blog-page #blogPageHeader {
  position: fixed;
  top: 0;
  z-index: 500;
}
uix-blog-page #blogContent {
  min-height: 52vh;
}
uix-blog-page #blogContent > div {
  display: grid;
  gap: 40px 30px;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: auto;
  margin-top: 70px;
  margin-bottom: 40px;
  justify-content: center;
  width: 90%;
  grid-template-columns: repeat(3, calc(100% / 3));
}
@media screen and (max-width: 900px) {
  uix-blog-page #blogContent > div {
    grid-template-columns: repeat(2, calc(100% / 2));
  }
  uix-blog-page #blogContent > div uix-article-view:not([size=big]) {
    grid-column: span 1;
  }
  uix-blog-page #blogContent > div uix-article-view[size=big] {
    grid-column: 1/span 2;
  }
  uix-blog-page #blogContent > div uix-article-view[size=normal] #preview {
    display: unset;
  }
}
@media screen and (max-width: 600px) {
  uix-blog-page #blogContent > div {
    width: calc(100% - 30px);
    grid-template-columns: minmax(100%, 1fr);
  }
  uix-blog-page #blogContent > div uix-article-view {
    grid-column: span 1 !important;
  }
}
uix-blog-page #blogContent > div > uix-article-view {
  width: unset !important;
}
uix-blog-page[alignment=none] #blogContent > div {
  grid-template-columns: minmax(100%, 1fr);
}