Check out example codes for "ggo". It will help you in understanding the concepts better.

Code Example 1

<body>
        <div class="box1">box1</div>
        <div class="box2">box2</div>
        <div class="box3">box3</div>
        <div class="box4">box4</div>
</body>

Code Example 2

<body>
        <div class="box1">box1</div>
        <div class="box2">box2</div>
        <div class="box3">box3</div>
        <div class="box4">box4</div>
</body>

Code Example 3

/* .box1, .box2, .box3, .box4{ for block each box will take a new line with its specified size.
            height: 100px;
              width: 100px;
            display:block;
            background-color: brown;
        } */
    
        /* .box1, .box2, .box3, .box4{ for inline-block the box will take the specified size even when you change the zize
            height: 100px;
              width: 100px;
            display:inline;
            background-color: brown;
        } */
    
        /* .box1, .box2, .box3, .box4{ for inline-block the box will take the specified size
            height: 100px;
              width: 100px;
            display:inline-block;
            background-color: brown;
        } */

Learn ReactJs, React Native from akashmittal.com