JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
  <div class="contact">[email protected]</div>

  <div class="branding">
    <h1>Name</h1>
    <img src="http://lorempixel.com/200/200" />
  </div>

</div>

CSS

html, body { height: 100%; } /* enable percentage height for flex container */

.content {
    display: flex;
    flex-direction: column;
    height: 100%;  /* give the flex container a height */
}

.contact {
    align-self: flex-end; /* align-right */
    border: 1px solid red; /* for demo purposes */
}

.branding {
    margin: auto; /* center branding div in container */
    border: 1px solid red; /* for demo purposes */
}