JSFiddle - React, Tailwind, and code Playground

HTML

<div id="about">
  <section>
   <img src="http://placekitten.com/200/300" alt="Photograph of" class="profile-photo">
   <h2 class="aboutme">About</h2>
   <p>Hi,.</p>
   <p>If you'd like to follow me on Twitter, my username is <a href="http://twitter.com/leehoward05">@leehoward05</a>.</p>
   </section>
</div>

CSS

#about > section {
  margin-top: 50px;
  margin-left: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.aboutme {
  order: 0;
}

.profile-photo {
  order: 3;
}