The solution to this problem works fine in the browser preview, but for me when real world testing on my phone the blog tags would then be in a single line and push the view wider if they went over one line - essentially a no-break kind of setup.
I investigated the CSS and went down the stack a level and this worked better, grouping the tag names so they connect and don't break apart in weird places but also not causing another problem on the mobile device itself.
.blog-item-tag {
white-space: nowrap;
}
This goes down one level and still captures each tag. Thanks for the solution as it helped me solve my issues. I am not sure if the mobile thing is an iPhone Safari issue but that was what I was testing on.
