4,554
edits
No edit summary |
No edit summary |
||
Line 108: | Line 108: | ||
position: relative; | position: relative; | ||
width: 37%; | width: 37%; | ||
height: | max-height: 100vh; /* Set a maximum height, e.g., 100% of the viewport height */ | ||
} | } | ||
Line 117: | Line 117: | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: | max-height: max-content; /* Set max-height to adjust based on content */ | ||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 123: | Line 123: | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
transform-origin: center; | transform-origin: center; | ||
transition: transform 0.3s; | transition: transform 0.3s; | ||
} | } | ||
Line 133: | Line 133: | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: | max-height: max-content; /* Set max-height to adjust based on content */ | ||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 139: | Line 139: | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
transform-origin: center; | transform-origin: center; | ||
transition: transform 0.3s; | transition: transform 0.3s; | ||
} | } | ||