@import '../../_global/styles/mixins';
@import '../../_global/styles/vars';

.election-result-list {
  .election-result-list--header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    @media (max-width: 767px) {
      display: block;
    }
    &-left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      @media (min-width: 768px) {
        margin-right: 20px;
      }
    }
  }
  .election-result-list-badge {
    @media (max-width: 767px) {
      display: flex;
      justify-content: flex-end;
    }
  }
  .election-result-list--inner {
    //display: grid;
    //grid-template-columns: repeat(4, minmax(269px, 1fr));
    grid-gap: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 20px 0 40px 0;

    //@media (min-width: 549px) and (max-width: 567px) {
    //  grid-template-columns: 1fr 1fr;
    //}
    //@media (max-width: 548px) {
    //  grid-template-columns: repeat(auto-fit, minmax(163px, 1fr));
    //}
    //@media (max-width: 356px) {
    //  grid-template-columns: 1fr;
    //}
  }
}