Answers for "reduce height of div css"

css height property

/* <length> values */
height: 300px;
height: 25em;

/* <percentage> value */
height: 75%;

/* Keyword values */
height: max-content;
height: min-content;
height: fit-content(20em);
height: auto;

/* Global values */
height: inherit;
height: initial;
height: unset;

css size

#myID {
  height: 100px; /* Sets the height */
  width: 200px; /* Sets the width */
}
/* or... */
.myClass {
  height: 220px; /* Sets the height */
  width: 40px; /* Sets the width */
}
/* They both work! */

how to get the height of a div in css

var clientHeight = document.getElementById('exampleElement').clientHeight;
alert(clientHeight);

var offsetHeight = document.getElementById('exampleElement').offsetHeight;
alert(offsetHeight)