title: want to create a bootstrap album on homepage?
body: <p>I am trying to create a album style like the example below:
  if you look at the recent works section where you have an image on one side and text on the other but it takes up the whole width of the page:
  <a href="https://colorlib.com/preview/theme/racks/" rel="nofollow noreferrer">https://colorlib.com/preview/theme/racks/</a></p>
  
  <p>or the example on this page:
  <a href="https://getbootstrap.com/docs/4.4/examples/product/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.4/examples/product/</a></p>
  
  <pre><code>  &lt;section class="recent-ideas"&gt;
      &lt;div class="container"&gt;
        &lt;div class="card w-50 h-10 p-3" style="width: 18rem;"&gt;
          &lt;img class="card-img" src="images/bulb.jpeg" &gt;
      &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>
  
  <p>The code i am using above basically creates a card in bootstrap but when i insert the picture i dont know how to format the height and width to keep everything the same</p>