I have completed the Tribute Page challenge and passed the tests. I took the mobile first approach and noticed that on a smartphone, the bottom heading element would not show completely as the device wouldn’t allow scrolling down further.
I created a second version of the page and took that element out of the Main element (all elements had to be inside Main to pass the test) and put it inside a Footer element. I made some CSS adjustments to the Footer element like giving it some padding and that fixed the issue for me.
I wanted to know if I could get some feedback on both of these versions and if I took the correct approach by adding the Footer element for a real world scenario. Here are the links: