title: Layouts in android - how to make 3 columns?
body: <p>Im trying to create something like this (colors are only for better understanding, background will be white):</p>
  
  <p><img src="https://i.stack.imgur.com/iY2Pt.png" alt="enter image description here"></p>
  
  <p><strong>My problem is 3 boxes containing two TextViews, one under another.</strong></p>
  
  <p>This is my code so far:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      &gt;
  
      &lt;!-- row 1 --&gt;
      &lt;TextView
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:text="TextView0"
          android:textSize="24dp"
          android:padding="16dp"
          android:background="#3366ff"/&gt;
      &lt;!-- row 1 end --&gt;
  
      &lt;!-- row 2 --&gt;
  
          &lt;!-- col 1 --&gt;
              &lt;TextView
                  android:padding="8dp"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="TextView1"
                  android:background="#aaaaaa"
                  /&gt;
  
              &lt;TextView
                  android:padding="8dp"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="TextView1A"
                  android:background="#cccccc"
                  /&gt;
          &lt;!-- col 1 end --&gt;
  
          &lt;!-- col 2 --&gt;
              &lt;TextView
                  android:padding="8dp"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="TextView2"
                  android:background="#bbbbbb"
                  /&gt;
  
              &lt;TextView
                  android:padding="8dp"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="TextView2A"
                  android:background="#dddddd"
                  /&gt;
  
          &lt;!-- col 2 end --&gt;
  
          &lt;!-- col 3 --&gt;
              &lt;TextView
                  android:padding="8dp"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="TextView3"
                  android:background="#cccccc"
                  /&gt;
  
              &lt;TextView
                  android:padding="8dp"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="TextView3A"
                  android:background="#eeeeee"
                  /&gt;
          &lt;!-- col 3 end --&gt;
  
      &lt;!-- row 2 end --&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>And this is result of my incomplete code:</p>
  
  <p><img src="https://i.stack.imgur.com/Z11Xa.png" alt="enter image description here"></p>
  
  <p>I was experimenting with <code>LinearLayout</code> and <code>RelativeLayout</code>. I totally don't understand last one.</p>