JSFiddle - React, Tailwind, and code Playground

by Marcel Hochman

HTML

<div id="container"> 
              <div id= "titre"> titre</div>       
            <img id="hamburger" src="hamburger-menu.png" style="width:40px;height:40px;">     
         
  </div>

CSS

bhtml {
    overflow-y: scroll;
}

/*
Setup a basic body
*/
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: Arial;
    font-size: 18px;
    background-color:#F2F2F2 ;
}

/*
Header is relative so z-index: 1 guarantees always displayed on top
*/

#container {
      display:block;
    //background-color: #063299; 
    height:100%
    overflow-x: hidden;
}
#titre {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #063299; 
     font-size:25px;
    font-weight:bold;
    color:white;
   margin:auto;  
    text-align:center;
    height:60px;
}

#outil {
    font-size:25px;
    font-weight:bold;
    color:white;
   margin:auto;  
    text-align:center;
    
    
    
}
#hamburger {
    position:absolute;
    top: 10px;
    margin-left:10px;
}

/*