<div class="media-body"> <h6> <a href="Pink-Beer,-Hops-and-Stars">Pink Beer, Hops and Stars </a> </h6> </div> </article> <article class="media"> <a href="Great-Gatsby-with-a-twist-"><img src="https://prettyandpunk.co.uk/blog_main_img/475801692/1652282840.jpg" alt="post"></a> <div class="media-body"> <h6> <a href="Great-Gatsby-with-a-twist-">Great Gatsby with a twist </a> </h6> </div> </article> <article class="media"> <div class="embed-responsive embed-responsive-16by9" style="width: 90px; height: 60px; margin-right: 10px; border-radius: 10px;"> <iframe width="560" height="315" src="https://www.youtube.com/embed/cjihVXscieA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> Magnificent Maleficent
