Display List view in line

PW to open the site: T@mpa2022

I am in the process of building this new website, and I used PODs to create custom post type for obituaries. I created a custom template, and I am using the shortcode to view a list with 3 most recent obituaries. I have two questions:

1. Is there a way to display the list in line? So I would like to show 3 posts in the row.
2. What is the shortcode to add a link to specific post?

Here is my template code:

<div class="owl-item active" style="width: 245px; margin-right: 30px;">
	<div class="card text-center ds ms" data-index="1">
			<div class="item-media">

				<a href="">{@post_thumbnail}</a>
					
			</div>
			<div class="card-body">
					<h5 class="card-title fs-20">{@post_title}</h5>
					<p class="card-text">{@date_of_birth} -<br> {@date_of_death}</p>
			</div>
	</div>
</div>

And here is the shortcode I am using to insert the list on the page:
[pods name=”obituary” orderby=”date” limit=”3″ template=”Home Obituaries”]

Please let me know if you have any suggestions. Thanks in advance!

The page I need help with: [log in to see the link]