My div contains the following elements:
<div>
<a class="postLink" href="{{post.authorLink}}" target="_blank">{{post.author}}</a>
<span class="">Published: {{ post.published}}</span>
<a class="postLink" href="{{post.link}}" target="_blank">View More</a>
</div>
By default, the rendering looks like this:
{{post.author}} Published: {{ post.published}} View More
If the screen width is less than 760px, how can I reposition all the links to the second line?
Published: {{ post.published}}
{{post.author}} View More