4,554
edits
No edit summary |
No edit summary |
||
Line 383: | Line 383: | ||
margin-top: 20px; /* Space above the related articles */ | margin-top: 20px; /* Space above the related articles */ | ||
margin-right: 5%; | margin-right: 5%; | ||
position: relative; /* Needed for absolute positioning of pseudo-element */ | |||
} | |||
#related-articles::after { | |||
content: ''; | |||
position: absolute; | |||
left: 50%; | |||
top: 0; | |||
bottom: 0; | |||
border-left: 1px solid black; /* Single border in the middle */ | |||
z-index: 1; /* Ensure it's above the articles */ | |||
} | } | ||
.related-article { | .related-article { | ||
flex: 1 1 50%; /* Flex grow, flex shrink, and base width */ | flex: 1 1 50%; /* Flex grow, flex shrink, and base width */ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border | border: 1px solid black; /* Border on all sides */ | ||
padding: 7px; | padding: 7px; | ||
margin-bottom: 30px; | margin-bottom: 30px; | ||
Line 398: | Line 406: | ||
height: fit-content; | height: fit-content; | ||
} | } | ||
.related-article:nth-child(odd) { | |||
margin-right: -1px; /* Overlap right border of the left column */ | |||
} | |||
.related-article:nth-child(even) { | .related-article:nth-child(even) { | ||
margin-left: -1px; /* Overlap left border of the right column */ | |||
} | } | ||
.related-article-entry-number { | .related-article-entry-number { |