JSFiddle - React, Tailwind, and code Playground

by Golgi

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Block2</title>
    </head>
    
    <body>
       <div id="block">
           <div id="title2"><span id="title">Zagolovok</span></div>
           <div id="cont"><p>Блок1</p></div>
        </div>  
        
        
        
    </body>
</html>

CSS

#title {
background-color: #05FF8A;
  -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
   
    box-shadow: 0px -2px 3px -1px;
    -moz-box-shadow: 0px -2px 3px -1px;
    -webkit-box-shadow: 0px -2px 3px -1px;
  border-left: 1px solid #00C160;
    border-right: 1px solid #00C160;
    border-top: 1px solid #00C160;
   padding: 3px;
    
}

#title2 {  
   width: 100%;
    max-width: 100%;  
    
}

#cont {
width: 100%;
     border: 1px solid #00C160;
    
    max-width: 100%; 
    -moz-border-radius: 0 0 5px 5px ;
    -webkit-border-radius:0 0 5px 5px;
    background-color: #05FF8A;
    padding: 3px;
    -webkit-box-shadow: 0 0 2px;
    -moz-box-shadow: 0 0 2px;
    box-shadow: 0 0 2px; 
    height: 200px;
}


#block {
max-width: 250px;
    
}