JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "HomeMain">
        <div id="welcome">
            Finest Booze around
            
        </div>
        <div id = "Entertainment">
           Finest Booze around,
        </div>
        <div id = "Community">
            Finest Booze around,
        </div>
    </div>

CSS

#HomeMain{
width: 100%;
float: left;
overflow:hidden;
margin:0 auto;
padding:5px;
border-style: groove;
border-width: 3px;
border-colour: white;
border-radius: 5px 5px 5px 5px;
}

#Entertainment, #Community,#welcome{
width: auto;
border-style: groove;
border-width: 3px;
border-colour: white;
border-radius: 5px 5px 5px 5px;
    background:#ccc;
    display:inline-block;
}