const containerStyles = css` display: flex; flex-direction: row; /* Change to row */ width: 100%; max-width: 700px; margin: 0 auto; `; const buttonStyles = css` width: 20%; `; const inputStyles = css` width: 80%; `;
Or, simpler version:
const containerStyle = css` display: flex; flex-direction: row; width: 100%; max-width: 800px; margin: 0 auto; `; const mainCompStyle = css` flex: 70%; `; const sideComStyle = css` background: #eee; flex: 30%; `;