JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

<div class="container">

  <div class='mainTitle'>
    Le titre principal
  </div>
  <div class='subTitle'>
    Le titre secondaire
  </div>
  <div class='content'>
    Drop the documents you want to save in your document management system.
    Once the documents are uploaded, choose the management scope for which they are intended.
    You can then leave it to the qualification space manager by choosing "Finish", or provide more information such as the destination cabinet or folder by choosing "Classify".
  </div>
  <div class='footer'>
    Footer
  </div>
</div>

CSS

* { padding:0;margin:0;}
div {
  border: solid 1px red;
}

div > div {
  border: solid 1px green;
}

.container {
  display:flex;
  flex-direction:column;
   justify-content: space-between;
   height:100vh
}

.content {
  flex:1
}