@brodiewebdt
Posted
You did a good job on this. everything looking like the design. You can remove the height from your card as it is not needed. If you check it in devTools you will see all it does is move the attribution div up and down a few pixels.
If you use this code on the body tag it will center the content in the center of the screen:
display: grid; place-items: center; min-height: 100vh;
Wrap your shadow-light div in a Main tag and change the attribution div to a Footer and it will clear the accessibility warnings.
Download AXE DevTools and you can clear accessibility warnings while you code. https://www.deque.com/axe/devtools/
Hope this helps.
Marked as helpful