.entry { display: flex; flex-wrap: wrap; /* Allow title to flow to next line, in case of space constraints */ } .entry > a { text-decoration: none; width: fix-content; } .entry-text { display: flex; margin-left: 1em; max-width: 70%; } .description { color: white; } ol { padding: 0; } .entry img { font-size: 4em; width: 200px; float: left; text-align: center; color: #fff7; /* Alt text document for no image less bright */ } .entries > hr { margin: 2em 0; opacity: 0.06; } /* Leave margin to HR for consistent spacing */ h4 { margin: 0; } h4 > p { margin-bottom: 0; } @media screen and (max-width: 50rem) { .entry > * { width: 100%; } .entry > a > img { width: 100%; margin-bottom: 0.5em; } }