title: Creating a Wordpress Template From Scratch - Sidebar Placement
body: <p>I'm creating a Wordpress template from scratch and I am already in the process of adding sidebars. But I'm having a few problems with the sidebar positioning/placements.</p>
  
  <p><a href="https://i.imgur.com/0BijQvk.png" rel="nofollow noreferrer">What I want</a> vs <a href="https://i.imgur.com/QRDqnij.png" rel="nofollow noreferrer">What I have</a></p>
  
  <p>I'm not sure if I'm doing something wrong with the sidebar.php or with the container blocks.</p>
  
  <p>But here's my <strong>css</strong> code:</p>
  
  <pre><code>/* Sidebar modules for boxing content */
  .sdbrcont {
  float: left;
  background-color: black;
  }
  </code></pre>
  
  <p>My <strong>sidebar.php</strong> code:</p>
  
  <pre><code>&lt;div class="sdbrcont"&gt;
  &lt;?php if ( is_active_sidebar( 'left_sdbr' ) ) : ?&gt;
  &lt;div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary"&gt;
      &lt;?php dynamic_sidebar( 'left_sdbr' ); ?&gt;
  &lt;/div&gt;&lt;!-- #primary-sidebar --&gt;
  &lt;?php endif; ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and if the problem is on my <strong>index.php</strong>, here's the code:</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;?php get_sidebar( 'left-sdbr' ); ?&gt;
      &lt;div id="contentcont"&gt;
      &lt;div class="blog-main"&gt;
      &lt;div class="blogtitle"&gt;
          &lt;p&gt;PAKU SQUAD
          &lt;span class="subheader1"&gt;
          BLOG
          &lt;/span&gt;
          &lt;/p&gt;
          &lt;hr&gt;
          &lt;/div&gt;
          &lt;?php 
          if ( have_posts() ) : while ( have_posts() ) : the_post();
  
              get_template_part( 'content', get_post_format() );
  
          endwhile;?&gt; 
          &lt;nav&gt;
              &lt;ul class="pager"&gt;
              &lt;li&gt; &lt;?php next_posts_link( 'Older Posts &gt;&gt;&gt;' ); ?&gt; &lt;/li&gt;
              &lt;li&gt; &lt;?php previous_posts_link( '&lt;&lt;&lt; Newer Posts' ); ?&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;/nav&gt; 
          &lt;?php
          endif; 
          ?&gt;
      &lt;/div&gt; &lt;!-- /.blog-main --&gt;
      &lt;/div&gt;
  &lt;/div&gt; &lt;!-- /.row --&gt;
  </code></pre>
  
  <p>This is my firt time creating a wordpress template and I would really appreciate all the help I can get. Thank you in advance.</p>