<commit_before>
// flex-grid

.grid-flex {
  display: flex;
  flex-wrap: wrap;

  // ?******* 3 COL
  // replace with mixins
  // Desktop
  justify-content: space-between;

  @include breakpoint ( $from: desktop ) {
    &.col-4 > * {
      width: 24%;
    }
    &.col-3 > * {
      margin-right: 1rem;
      margin-bottom: 1rem;
      flex: 0 1 ;
      flex-basis: calc( 33.3% - 1rem );
    }
    &.col-3 > *:nth-child(3n+3) {
       margin-right: 0;<commit_msg>margin bottom on mobile<commit_after>
// flex-grid

.grid-flex {
  display: flex;
  flex-wrap: wrap;



  justify-content: space-between;

  > * {
    margin-bottom: 1rem;
  }

  // Desktop
  @include breakpoint ( $from: desktop ) {
    &.col-4 > * {
      width: 24%;
    }
    &.col-3 > * {
      margin-right: 1rem;
      margin-bottom: 1rem;
      flex: 0 1 ;
      flex-basis: calc( 33.3% - 1rem );
    }
    &.col-3 > *:nth-child(3n+3) {
       margin-right: 0;
{'fraction_non_alphanumeric': 0.17761033369214208, 'fraction_numerical': 0.03659849300322928, 'mean_word_length': 1.852760736196319, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 10, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6200458', 'n_tokens_mistral': 395, 'n_tokens_neox': 362, 'n_words': 75}