JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<header class="grid-container">
    <div class="block-logo">
        <img src="https://tse4.mm.bing.net/th?id=OIP.St99jKu3xSuxPRv0MFhfWQHaDi&pid=Api">
    </div>		
    <div class="block-navigation">
         <ul>Navigation</ul>
    </div>
</header>

CSS

.grid-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
}
  .grid-container .block-logo {
    grid-column: 1;
  }
    .grid-container .block-logo img {
      width: 100%;
    }
  .grid-container .block-navigation {
    grid-column: 2;
  }