how to manage the page size automatically in css for small content height code example
Example 1: 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;
Example 2: css image size adjust
squareImage {
border: 1px solid #ddd; /* thickness and color of border */
border-radius: 4px; /* edge rounding of border */
width: 150px; /* width of image (px or % or auto) */
height: auto; /* height of image (px or % or auto) */
}