4,554
edits
No edit summary |
No edit summary |
||
Line 108: | Line 108: | ||
position: relative; | position: relative; | ||
width: 37%; | width: 37%; | ||
max-height: | max-height: 80vh; /* Set a maximum height, e.g., 80% of the viewport height */ | ||
} | } | ||
Line 117: | Line 117: | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: max-content; /* Set height to adjust based on content */ | |||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 133: | Line 133: | ||
right: 0; | right: 0; | ||
width: inherit; | width: inherit; | ||
height: max-content; /* Set height to adjust based on content */ | |||
margin-right: 2%; | margin-right: 2%; | ||
margin-top: 2%; | margin-top: 2%; | ||
Line 145: | Line 145: | ||
#show-article-wrapper:hover #article-frame { | #show-article-wrapper:hover #article-frame { | ||
border: 1px solid black; | border: 1px solid black; | ||
transform: rotate(-5deg); | transform: rotate(-2.5deg); | ||
} | } | ||