Can two flexes be placed side by side?

Question

css

Hello. There is an html like

<div class="events">
  <div class="panel-row row-1 clearfix">
    <div class="region region-events">
      <div class="region-inner clearfix">
        <section id="block-views-block-2" class="block block-views block-block-2" >
          <div class="block-inner clearfix"><span class="block-title">Ближайшие события:</span>
          <div class="content"><div class="view view view-id view-display-id-block_2 n-cu view-dom-id-acc71c510f429a7f7dc259b8451ecbf1">
            <div class="view-content">
              <div class="views-row views-row-1 clearfix">
              <span class="views-field views-field-field-icon">        <div class="field-content"></div>  </span>  
              <div class="views-field views-field-title">        <span class="field-content"><a href="/events/callisto-fork"></a></span>  </div>  
              <div class="views-field views-field-field-markets-date">        <div class="field-content"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2019-01-04T00:00:00+03:00">4 января, 2019</span></div>  </div>  
              <div class="views-field views-field-field-icon-1">    <span class="views-label views-label-field-icon-1">Иконка: </span>    
              <div class="field-content"></div>  
              </div>  
              </div>
              <div class="views-row views-row-2 clearfix">
              <span class="views-field views-field-field-icon">        <div class="field-content"></div>  </span>  
              <div class="views-field views-field-title">        <span class="field-content"><a href="/events/btc-soft-fork"</a></span>  </div>  
              <div class="views-field views-field-field-markets-date">        <div class="field-content"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2019-01-11T00:00:00+03:00">11 января, 2019</span></div>  </div>  
              <div class="views-field views-field-field-icon-1">    <span class="views-label views-label-field-icon-1">Иконка: </span>    <div class="field-content"></div>  
              </div>  
              </div>
              <div class="views-row views-row-3 clearfix">
              <span class="views-field views-field-field-icon">        <div class="field-content"></div>  </span>  
              <div class="views-field views-field-title">        <span class="field-content">нам</a></span>  </div>  
              <div class="views-field views-field-field-markets-date">        <div class="field-content"><span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2019-01-07T00:00:00+03:00">7 января, 2019</span></div>  </div>  
              <div class="views-field views-field-field-icon-1">    <span class="views-label views-label-field-icon-1">Иконка: </span>    <div class="field-content"></div>  </div>  
              </div>
            </div>
            <div class="attachment attachment-after">
              <div class="view view view-id view-display-id-attachment_1 n-cu">
              <div class="view-content">
блок с вложением
              <div class="views-row views-row-1 clearfix">
              <div class="views-field views-field-field-novosti">        <div class="field-content"><div class="button_top"><h4 class="block-title"><a href="#"></a></h4></div>
              <div class="sdb-img sdb-itm4"></div>

              </div>
              </div>
              </div>
              </div>
              </div>
            </div>
            </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
</div>

It is necessary that the nested block be in the same row with three flex blocks. Is it possible to do this with css?
here is an example https://jsfiddle.net/wLht8nbd/

Answer 1

What question are these and solutions will be offered to you, if this is what you need.
But why can't you replace html??????????? and write the code in the normal way? and 10 times shorter.
Better start (redo) relearning now.
There are a bunch of methods to arrange blocks (elements side by side)