How else can you do styling given the remark?

Question

css

There are such elements:

And I placed them horizontally, (as needed):


Like this:
https://jsfiddle.net/petroyarmolenko/udrnq1to/8/

Maybe it will be more convenient for someone to write more code right here:

HTML

<div class="region-header">
  <div class="region--first">
    <div class="block1">
      <div class="menu-link">
        <a href>Menu</a>
      </div>
      <div class="menu-icon">
        <div>---</div>
      </div>
    </div>
    <div class="block2">
      <div class="search-box-link">
        <a href>Search</a>
      </div>
      <div class="search-icon">
        <div>+++</div>
      </div>
    </div>
  </div>
</div>

css

.region-header {
  .region--first {
    display: flex;
    font-size: rem(15);
    font-family: $font-family-work-sans;
    align-items: center;
    .block1 {
      display: flex;
      .menu-link {
        /* some code */
      }
      .menu-icon {
        /* some code */
      }
    }
    .block2 {
      display: flex;
      .search-box-link {
        /* some code */
      }
      .search-icon {
        /* some code */
      }
    }
  }
}

But on code review I got this remark:

I don't quite understand why you use only display: flex; without any other flex settings. Maybe there is some other way to do it?