how to set height equal to dynamic width pure css
.some_element {
position: relative;
width: 20%;
height: 0;
padding-bottom: 20%;
}how to set height equal to dynamic width pure css
.some_element {
position: relative;
width: 20%;
height: 0;
padding-bottom: 20%;
}same height div css
################ HTML ########################
<div class="row">
<div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div>
<div class="col">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</div>
</div>
################# CSS ########################
.row {
display: grid;
grid-auto-flow: column;
grid-gap: 5%;
}
.col {
border: solid;
}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>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
