/* Force Logo Icon and Site Title side-by-side */
.site-branding {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
Title and tagline one place code this use css place

/* Creates the single row for Icon + Title */
.site-branding > a, .site-branding-text {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.custom-logo {
  max-height: 40px !important;
  width: auto !important;
}

.site-title {
  margin: 0 !important;
  line-height: 1 !important;
}

/* Places tagline directly underneath */
.site-description {
  display: block !important;
  margin-top: 5px !important;
}
.navbar-nav li a.homebtn,
.navbar-nav .fa-house-chimney,
.navbar-nav .fa-home {
    display: none !important;
}
/* Accessibility fix for thumbnail links */
a.link-div {
    position: relative;
}

a.link-div::before {
    content: "Read full post";
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
<?php /**
 // Template Name: Frontpage
 */
get_header(); ?>
<main id="content" class="container-fluid home" role="main">
     <!--row-->
      <div class="row">
            <?php get_template_part('sidebar','frontcontent'); ?>
            <?php get_template_part('sidebar','frontpage'); ?> 
	</div>
</main>
<?php get_footer(); ?>
/* Increase touch target size & padding for post meta links */
.mg-blog-meta a,
.entry-meta a,
.mg-meta-single a,
.mg-posts-sec a {
    display: inline-block !important;
    padding: 8px 12px !important;
    margin: 4px 2px !important;
    min-height: 48px !important;
    line-height: 28px !important;
}
<a href="..." aria-label="Next Page"><i class="fas fa-angle-right"></i></a>

/* =========================================
   1. IMPORT EDITORIAL FONT
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

/* =========================================
   2. CLEAN CARDS & SPACING FIX
   ========================================= */
.blog article,
.archive article {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 2rem !important;
    padding: 0 !important;
}

/* Thumbnail 16:9 Ratio */
.blog article .post-thumbnail img,
.archive article .post-thumbnail img,
.blog article img.wp-post-image,
.archive article img.wp-post-image {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    margin-bottom: 0.75rem !important;
}

/* Hide annoying blue camera icon */
.blog article .post-format-icon,
.blog article .format-icon,
.blog article .post-thumbnail .fa-camera,
.blog article .post-thumbnail span[class*="icon"],
.archive article .post-format-icon,
.archive article .format-icon {
    display: none !important;
}

/* =========================================
   3. TEAL CATEGORY TEXT (NO BLUE BOXES)
   ========================================= */
.blog article .cat-links,
.blog article .post-categories,
.archive article .cat-links,
.archive article .post-categories {
    display: block !important;
    margin-bottom: 0.35rem !important;
}

.blog article .cat-links a,
.blog article .post-categories a,
.archive article .cat-links a,
.archive article .post-categories a {
    background: transparent !important;
    background-color: transparent !important;
    color: #0d9488 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    padding: 0 !important;
    margin-right: 8px !important;
    border: none !important;
    box-shadow: none !important;
}

.blog article .cat-links a:hover,
.blog article .post-categories a:hover {
    color: #0f172a !important;
}

/* =========================================
   4. FIX TITLE SQUISHING & SPACING (CRITICAL)
   ========================================= */
.blog article h2,
.blog article h3,
.blog article .entry-title,
.archive article h2,
.archive article h3,
.archive article .entry-title {
    margin: 0 0 0.4rem 0 !important;
    padding: 0 !important;
}

.blog article h2 a,
.blog article h3 a,
.blog article .entry-title a,
.archive article h2 a,
.archive article h3 a,
.archive article .entry-title a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    word-spacing: 0.1em !important; /* Forces proper space between words */
    color: #0f172a !important;
    display: block !important;
    text-decoration: none !important;
}

.blog article h2 a:hover,
.blog article h3 a:hover,
.blog article .entry-title a:hover {
    color: #0d9488 !important;
}

/* =========================================
   5. META & CLEAN EXCERPT HIDING
   ========================================= */
.blog article .post-meta,
.archive article .post-meta {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
}

.blog article .entry-summary,
.blog article .card-excerpt,
.blog article > p,
.archive article .entry-summary,
.archive article > p {
    display: none !important;
}

/* =========================================
   6. RIGHT SIDEBAR WIDGETS
   ========================================= */
aside.sidebar ul, 
#secondary ul,
.widget-area ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

aside.sidebar li, 
#secondary li,
.widget-area li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    margin-bottom: 0.85rem !important;
    padding-bottom: 0.85rem !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

aside.sidebar img, 
#secondary img,
.widget-area img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    margin: 0 !important;
}

aside.sidebar li a, 
#secondary li a,
.widget-area li a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    word-spacing: 0.05em !important;
    color: #0f172a !important;
}

aside.sidebar .widget-title,
#secondary .widget-title,
.widget-area h2 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: #0f172a !important;
    border-bottom: 2px solid #0d9488 !important;
    padding-bottom: 0.4rem !important;
    margin-bottom: 1rem !important;
}
=====================
Adjust Sidebar Ratio Safely
====================