make all division same height 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: css how to make a elements of same type start at same height
CSS:
.row {
display: flex; /* equal height of the children */
}
.col {
flex: 1; /* additionally, equal width */
padding: 1em;
border: solid;
}
HTML:
<div class="row">
<div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
<div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad omnis quae expedita ipsum nobis praesentium velit animi minus amet perspiciatis laboriosam similique debitis iste ratione nemo ea at corporis aliquam.</div>
</div>