title: Layouts inside CardView are overlapping
body: <p>I am trying to design a card layout for my App. Currently I have created a layout as below :</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/layout"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="#E4E8F8"
      android:orientation="vertical"
      android:padding="10dp"
      android:visibility="visible"
      tools:context=".MainActivity"
      tools:visibility="visible"&gt;
  
      &lt;androidx.cardview.widget.CardView
  
          android:id="@+id/current1"
          android:layout_width="match_parent"
          android:layout_height="200dp"
          app:cardBackgroundColor="#ffffe0"&gt;
  
          &lt;LinearLayout
              android:id="@+id/card_head2"
              android:layout_width="374dp"
              android:layout_height="49dp"
              android:layout_marginStart="5dp"
              android:layout_marginLeft="5dp"
              android:layout_marginTop="10dp"
              android:orientation="horizontal"
              android:weightSum="3"&gt;
  
              &lt;ImageView
                  android:id="@+id/imageView1"
                  android:layout_width="70dp"
                  android:layout_height="46dp"
                  android:adjustViewBounds="true"
                  android:baselineAligned="false"
                  android:contentDescription="@string/todo"
                  app:srcCompat="@drawable/ic_map" /&gt;
  
  
              &lt;TextView
                  android:id="@+id/textView1"
                  android:layout_width="51dp"
                  android:layout_height="46dp"
                  android:gravity="center"
                  android:text="@string/map"
                  android:textColor="#0F0F0F"
                  android:textSize="15sp"
                  android:textStyle="bold" /&gt;
  
              &lt;ImageView
                  android:id="@+id/imageView2"
                  android:layout_width="70dp"
                  android:layout_height="46dp"
                  android:adjustViewBounds="true"
                  android:baselineAligned="false"
                  android:contentDescription="@string/todo"
                  app:srcCompat="@drawable/ic_calendar" /&gt;
  
  
              &lt;TextView
                  android:id="@+id/textView2"
                  android:layout_width="66dp"
                  android:layout_height="46dp"
                  android:gravity="center"
                  android:text="@string/date"
                  android:textColor="#0F0F0F"
                  android:textSize="15sp"
                  android:textStyle="bold" /&gt;
  
              &lt;ImageView
                  android:id="@+id/imageView3"
                  android:layout_width="57dp"
                  android:layout_height="46dp"
                  android:adjustViewBounds="true"
                  android:baselineAligned="false"
                  android:contentDescription="@string/todo"
                  app:srcCompat="@drawable/ic_watch" /&gt;
  
              &lt;TextView
                  android:id="@+id/textView3"
                  android:layout_width="60dp"
                  android:layout_height="46dp"
                  android:gravity="center"
                  android:text="@string/time"
                  android:textColor="#0F0F0F"
                  android:textSize="15sp"
                  android:textStyle="bold" /&gt;
  
          &lt;/LinearLayout&gt;
  
      &lt;/androidx.cardview.widget.CardView&gt;
  
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>When I try to add another horizontal linear layout below the created horizontal linear layout the newly created horizontal layout is getting overlapped over existing horizontal layout inside card.</p>
  
  <p>What I am trying to do is this (I have screenshot this pic by keeping the layout below the existing layout by holding mouse button ):</p>
  
  <p><a href="https://i.stack.imgur.com/dp5rY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dp5rY.png" alt="enter image description here"></a> </p>
  
  <p>But when I release the mouse button the layout automatically gets adjusted by itself and overlaps the existing layout as follows:
  <a href="https://i.stack.imgur.com/V3Yt5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V3Yt5.png" alt="enter image description here"></a></p>
  
  <p>Please help me to create the layout.</p>