By admin , 4 July, 2022

display two divs side by side

There are 3 method to display two divs side by side 

  1. Flexbox method
  2. Float method
  3. CSS grid method

Flexbox Method

With flexbox, we can use a more intuitive way of aligning our two div elements.

HTML:

<div class="flex-container">

  <div class="flex-child magenta">
    Flex Column 1
  </div>
  
  <div class="flex-child green">
    Flex Column 2
  </div>
  
</div>

CSS:

By admin , 25 June, 2022

JSX

JavaScript extension 

1. code should wrap.

2.close tag is mandatory.

 

properties: