<div class="mb-4 justify-content-center"> <p><a href="#"> <img src="https://www.cgc.edu/themes/custom/cgc/images/logo.svg" width="250" alt="Chandler-Gilbert Community College" loading="lazy"> </a></p> <p class="mb-0 d-flex justify-content-center"><a href="#">Download Logo</a></p> </div>
Create a Grid Layout
To create a grid, use the below code snippet. Add or remove as many columns as needed. Use flexbox alignment utilities to vertically and horizontally align columns. Below is an example of a three column grid layout.
<div class="container"> <div class="row justify-content-center"> <div class="col-md-3 mx-3"><!-- column 1 --></div> <div class="col-md-3 mx-3"><!-- column 2 --></div> <div class="col-md-3 mx-3"><!-- column 3 --></div> </div> </div>
For more information on Flexbox Utilities or creating Grid Layouts, please visit the Bootstrap 5 website for further documentation.