Below is a working example for the "Minster or institutional head" component when the image, mandate letter, and/or briefing book are not available.
[Official title]
<section class="gc-minister"> <h2>Ministers</h2> <div class="row wb-eqht-grd"> <div class="col-xs-12 col-md-6"> <div class="row"> <div class="col-xs-12 col-md-7 pull-right"> <h3><a href="#">The Honourable [Minister name]</a></h3> </div> <div class="col-md-5"> <img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister name]"> </div> <div class="col-md-7"> <p>[Official title]</p> </div> </div> </div> <div class="col-xs-12 col-md-6"> <div class="row"> <div class="col-xs-12 col-md-7 pull-right"> <h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3> </div> <div class="col-md-5"> <img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister 2 name with a very long name]"> </div> <div class="col-md-7"> <p>[Official title]</p> <ul> <li><a href="">Mandate letter</a></li> </ul> </div> </div> </div> <div class="col-xs-12 col-md-6"> <h3><a href="#">The Honourable [Minister 3 name]</a></h3> <p>[Official title]</p> <ul> <li><a href="">Mandate letter</a></li> <li><a href="">Briefing book</a></li> </ul> </div> <div class="col-xs-12 col-md-6"> <h3><a href="#">The Honourable [Minister 4 name]</a></h3> <p>[Official title]</p> </div> </div> </section>