1@media only screen and (min-width: 600px) {
 2  .layout {
 3    .title-wrapper {
 4      @include flexify;
 5      flex-direction: row;
 6    }
 7    .title {
 8      margin-block-start: 0.83em;
 9      margin-block-end: 0.83em;
10      margin-inline-start: 0px;
11      margin-inline-end: 0px;
12    }
13  }
14
15
16  .blog-list {
17    .list-item {
18      @include flexify;
19      flex-direction: unset;
20      padding: 0;
21      margin-bottom: 0.5rem;
22    }
23    .date-label {
24      font-size: 100%;
25      margin-right: 0;
26    }
27  }
28  .project-board {
29    grid-template-columns: 1fr 1fr;
30  }
31
32  .highlight {
33    @include full-width-web;
34  }
35
36  .post-image {
37    @include full-width-web;
38  }
39}