how to make 2 dives the same height flexbox code example

Example 1: how to make all div same height

<html>
	<head>
    	<title>Web page</title>
    </head>
    <body>
    	<div id="divContainer">
          <div id="divOne">
          	<p>Paragraph 1</p>
            <p>Another Paragraph</p>
          </div>
          <div id="divTwo">
          	<p>Paragraph 2</p>
          </div>
        </div>
    </body>
    <style>
    	#divContainer {
        	display: flex;
        }
        #divOne {
        	background-color: red;
        }
        #divTwo {
        	background-color: blue;
        }
    </style>
</html>

Example 2: display two divs side by side flexbox

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

Tags:

Css Example

Recent Posts