Answers for "flex layout responsive"

responsive flexbox in css

.flex-container {
  display: flex;
  flex-direction: row;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}

fxflex responsive example

<div fxLayout="row">
<div class="sub-section-1"></div>
<div class="sub-section-2"></div>
</div>