Yeah, this is a problem with Fluid Engine and trying to keep things together. It's very frustrating and you can spend a bunch of time to fix random shifting on desktop and mobile.
If you are comfortable with HTML use a markdown block with something like below. I keep my flexbox code pretty simple so you might want to test on browsers and you do need to keep the "div" closers together at the bottom or the markdown block creates extra space.
<style>
.msc-outer-wrapper{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #e7e7e7;
padding-top: 2em;
padding-bottom: 2em;
}
.msc-content{
text-align: left;
justify-content: space-between;
width: 70%;
@media (max-width:768px)
{width: 100%;
}
}
.msc-date-year{
width: 30%;
}
</style>
<div class="msc-outer-wrapper">
<div class="msc-date-year">
<h3>2023</h3>
</div>
<div class="msc-content">
<div> <p class="sqsrte-large">You're a very talented young man, with your own clever thoughts and ideas. Do you need a manager? You're a very talented young man, with your own clever thoughts and ideas. Do you need a manager? Just my luck, no ice. So you two dig up, dig up dinosaurs?</p></div></div>