JSFiddle - React, Tailwind, and code Playground

by Rishi Gautam

HTML

<div class='main'>

</div>
<div class='footer'>
  <div class='footer_leftchild'>
    <img src="http://just-kids.ca/images/efry.png"/>
  </div>
  <div class='footer_rightchild'>
Copyright 2019. All rights reserved.
  </div>
</div>

CSS

.footer {
  height: 60px;
  background-color: #005DAA;
  display: flex;
  align-items: center;
  color: #fff;
}

.footer_leftchild {
  flex: 1;
  text-align: left;
}

.footer_rightchild, .push {
  flex: 1;
  text-align: right;
}