As a newcomer to Bootstrap and web development, I am eager to create a simple welcome-page with a specific design in mind. The layout should resemble the image found https://i.sstatic.net/AAEQ4.png.
The colors in the image indicate where flex rows could be placed. The second row needs to have a defined height, while the first row should fill the remaining space. Additionally, I want the middle text to be centered both vertically and horizontally, and the text in the bottom right corner to be centered to the right.
Despite reading the comprehensive documentation on flex in Bootstrap 5, I am finding it challenging to implement all the possible configurations. Any assistance would be greatly appreciated.