i am totally new in the frontend world after years in backend, i want to know how i can style and render the only component and take the size of the window, i did using global.css like this:

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

main {
    width: 100%;
    height: 100%;
    overflow: auto;
}


.chart-container {
  width: 100vw;   
  height: 100vh; 
  background-color: #f5f5f5; 
  box-sizing: border-box; 
}

this will render four <div> elements on top of each other.|
the expected is one chart taking the full with and hight of the scree

the page.js:

export default function Home() {
  return (
    <main>
      <TradingChart/>
    </main>
  )
}