This isn’t a visually stunning update — in fact they look almost exactly the same — but I was able to simplify the HTML quite a bit. Previously, I was using some conditionals in the templates to show different HTML+CSS class names in order vertically center “one-line” responses like “John Doe mentioned this.” Using CSS Grid with Flexbox as a fallback made the HTML and CSS more straightforward. I am looking forward to doing more with CSS Grid. I hope to get to the point I can remove the Skeleton CSS framework.
I also split out sections for RSPVs and Other Responses on my event posts.