@custom-media --phone (max-width: 684px);

.projects.Projects {
  .post.on-list {
    float: left;
    padding: 0px;
    margin: 0px;
    padding-right: 20px;
    width: 50%;

    @media (max-width: 684px) {
      width: 100%;
    }

    > a,
    > a > h1 {
      width: 100%;
    }

    h1.post-title {
      margin: 0px;
      height: 3em;
    }

    .post-content {
      height: 5em;
    }
  }
}

ul li {
  &::before {
    top: 9px;
  }

  input {
    &:checked::before {
      content: "X";
      position: absolute;
      left: 5px;
      top: -2px;
    }

    position: relative;
    top: 9px;
  }
}