make site logo appear to the left of site title and site tagline

Im using the code below to show site logo, title and tagline. As of now all the three appear one after the other vertically in separate lines.

I want the site logo appear to the left of site title and site tagline. Any help is appreciated. Need to change the code.

if ( ! function_exists( 'atomic_blocks_title_logo' ) ) :
function atomic_blocks_title_logo() { ?>
	<div class="site-title-wrap" itemscope itemtype="https://schema.org/Organization">
		<!-- Use the Site Logo feature, if supported -->
		<?php if ( function_exists( 'the_custom_logo' ) && the_custom_logo() ) {

			the_custom_logo();
		} ?>

		<div class="titles-wrap <?php if ( get_bloginfo( 'description' ) ) { echo 'has-description'; } ?>">
			<?php if ( is_front_page() && is_home() ) { ?>
				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
 			<?php } else { ?>
				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
 			<?php } ?>

			<?php if ( get_bloginfo( 'description' ) ) { ?>
				<p class="site-description"><?php bloginfo( 'description' ); ?></p>
			<?php } ?>
		</div>
	</div><!-- .site-title-wrap -->
<?php } endif;