Post 'Written By' text is not displayed correctly on mobile

Hey Guys!

With your help I have added the following CSS (below) so my 'Written by' looks like this on all posts:

Written by AUTHOR | Last updated DATE

On mobile the formatting gets messed up, can you please take a look and advise on some tweaked CSS?

Thanks :-)

======= CSS CURRENTLY ADDED =======

.entry-meta {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.entry-meta .byline:before {
content: "Written ";
}
.entry-meta .byline {
padding-right: 5px;
}
.entry-meta .byline:after {
content: "| Last updated ";
}
.entry-meta .byline:after {
border-left: 1px ;
padding-left: 5px;
}
.posted-on .updated {
display: inline-block;
}
.posted-on .updated + .entry-date {
display: none;
}
.posted-on .updated:before {
content: “Last Updated “;
}