2 Alignment Questions

Working on a new site for my wife’s music project.

The first question is for the page with the full height image of her and the “Rainbows” artwork. The only way I have been able to get the desired behavior to center the “Rainbows” single artwork has been to set the Row to 100% VH, and then make a full height column and vertically center the content. The problem with that is that I don’t want the row to actually be 100% VH, since I’m using a floating footer and header . . . I really want the height to be 100% VH minus the header/footer heights. Otherwise, this is introducing unnecessary scrolling. I want a static page that stretches to fill the browser size, and keeps the album artwork centered.

The second question is for the page with the 3 album artworks. The way I have this set up, I have the title bar set up as it’s own section, and the albums are in a row below. I’d love to have this row centered vertically between the bottom of the title bar and the bottom of the page. How can I accomplish this?

Thank you all in advance for your help!