Correct semantic html5 I would be thankful for feedback for following html5 markup.
The outer div (class articles) has no more meaning as setting flex for it's child elements. Is a div the semantically correct choice in this case?



.articles {
  display: flex;
}

.articles__article {
  flex: 1;
}
&lt;main class="main"&gt;
  &lt;div class="articles"&gt;
    &lt;article class="articles__article"&gt;     
      &lt;h1 class="article__headline"&gt;Headline&lt;/h1&gt;
      &lt;p class="article__teaser"&gt;Text Text Text&lt;/p&gt;
    &lt;/article&gt;
    &lt;article class="articles__article"&gt;     
      &lt;h1 class="article__headline"&gt;Headline&lt;/h1&gt;
      &lt;p class="article__teaser"&gt;Text Text Text&lt;/p&gt;
    &lt;/article&gt;
    &lt;article class="articles__article"&gt;     
     &lt;img class="article__image" src="https://via.placeholder.com/150"&gt;
    &lt;/article&gt;
  &lt;/div&gt;
&lt;/main&gt;
Yes, in this case it is. As you stated yourself it has "no more meaning". It only exists for the purpose of styling.

This is what the MDN has to say about div:


  The HTML Content Division element () is the generic container for
  flow content. It has no effect on the content or layout until styled
  using CSS.
  
  As a "pure" container, the  element does not inherently represent
  anything. Instead, it's used to group content so it can be easily
  styled using the class or id attributes, marking a section of a
  document as being written in a different language (using the lang
  attribute), and so on.


https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div