title: How do layouts work in Jetpack Compose and how do they relate to XML?
body: <p>I have some text.
  I want to centre it on the screen.
  I am using Jetpack Compose.
  How do I do this?
  I know that there are three types of layouts in Jetpack Compose.</p>
  <ul>
  <li>Box</li>
  <li>Column</li>
  <li>Horizontal</li>
  </ul>
  <p>Which one should I use?
  I don't know how layouts work.
  Are they full screen by default like in XML?
  If so, how do I position elements like ConstraintLayout?
  How do I set padding and margin from only one side and how do I link elements?</p>