Check out example codes for "how to align image in one line in html". It will help you in understanding the concepts better.

Code Example 1

/* Three image containers (use 25% for four, and 50% for two, etc) */

  .column {
  float: left;
  width: 33.33%;

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;

Code Example 2

<div class="row">
  <div class="column">
  src="img_snow.jpg" alt="Snow" style="width:100%">
  <div class="column">
    <img src="img_forest.jpg" 
  alt="Forest" style="width:100%">
    <img src="img_mountains.jpg" 
  alt="Mountains" style="width:100%">

Learn ReactJs, React Native from