There are two elements potentially breaking the responsive design on smaller screens: subtitle and tags. Changing white-space: nowrap; to white-space: normal; allows the subtitle to wrap. And adding flex-wrap: wrap; to .post-meta span allows the meta elements, most notably tags, to wrap.
Here are before and after screenshots of the newly included post-meta-test.md.
There are two elements potentially breaking the responsive design on smaller screens: subtitle and tags. Changing
white-space: nowrap;towhite-space: normal;allows the subtitle to wrap. And addingflex-wrap: wrap;to .post-meta span allows the meta elements, most notably tags, to wrap. Here are before and after screenshots of the newly included post-meta-test.md.