how to set particular height for all div elements code example
Example 1: css 100% height
<!DOCTYPE html>
<html>
<head>
<title>100% height</title>
<style>
html,
body {
height: 100%;
margin: 0;
}
.container {
height: 100%;
background: #000;
}
</style>
</head>
<body>
<div class="container"></div>
</body>
</html>
Example 2: 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>