JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<header>
  <figure class="childleft">
    <img src="https://schlittenhundefreunde-harz.de/Dogs/design/top_left.gif">
  </figure>
  <figure class="child">
    <img src="https://schlittenhundefreunde-harz.de/Dogs/design/Logo.jpg">
  </figure>
  <figure class="childright">
    <img src="https://schlittenhundefreunde-harz.de/Dogs/design/top_right.jpg">
  </figure>
</header>
Hier fangen dann die weiteren Inhalte an

CSS

body {
  margin: 0;
  padding: 0;
}

header {
  display: flex;
  border-bottom: 18px solid #104e8b;
}

figure {
  padding: 0;
  margin: 0;
}

header img {
  width: 100%;
  vertical-align: top;
}

.childleft {
  flex: 1;
}

.child {
  flex: 4.8;
}

.childright {
  flex: 1;
}