In the following form on my asp.net mvc core site using Bootstrap 5, the headers and footers only align with the corresponding boxes when the screen size is xl. When anything less, it gets messed up. Any thoughts?