css grid vs flexbox

/* Answer to: "css grid vs flexbox" */

/*
  Grid is much newer than Flexbox and has a bit less browser
  support. That’s why it makes perfect sense if people are
  wondering if CSS grid is here to replace Flexbox.

  To be exact:
  1. Grid can do things Flexbox can’t do.
  2. Flexbox can do things Grid can’t do.
  3. They can work together: a grid item can be a flexbox container.
  A flex item can be a grid container.

  For more information on this topic, go to:
  https://css-tricks.com/css-grid-replace-flexbox/
*/

.wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, 200px);
}

<div class="layout">
  <div class="image">Imagen</div>
  <div class="searcher">Buscador</div>
  <div class="container">
    <div class="item is-active">All</div>
    <div class="item">Maps</div>
    <div class="item">Images</div>
    <div class="item">Videos</div>
  </div>
  <div class="content">Contenido</div>
</div>