JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    
    <div id="middle">Centered to middle</div>
    
    <div id="right">I want to to be to the right</div>
    
</div>

CSS

#container {
    position: relative;
    width: 100%;
}

#middle {
    background: #ddd;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width:150px;
    height:300px;
}

#right {
    background:yellow;
    max-width:150px;
    width:100%;
}