Responsive Art Gallery Website using CSS Grid and Flexbox

What do you think about my solution overall? Also, I struggled with adding new element using media queries. I tried to create 3 inline blocks in the header. One black, one hero image, one white. The black one, however, didn't appear. Only if I set it to block, which obviously didn't work for the design. Why? Instead, I set header to black color and fixed width and used relative and absolute positions to cover/uncover it with the hero image, but I don't feel like that it's acceptable solution. What do you think?