@Femi-Bright
Posted
Hi Justin! NIce Attempt. Try to fix the Accessibility issues (You can do this in the View Report section). I noticed the web page is overflowing on my laptop thereby adding an horizontal scrollbar
i want to suggest you remove the width, it should still work fine.
.container {
display: flex;
align-items: center;
justify-content: center;
background-color: hsl(30, 38%, 92%);
/* width: 100vw; */
height: 100vh;
}
Marked as helpful
@dic-key
Posted
@Femi-Bright Thank you for your comment. I removed the width like you recommended, but still had a scroll bar from the "height: 100vh" that I didn't like. I ended up moving the footer inside the container so it is directly under the card. To have it centered underneath, I changed the flex-direction of my container to column. Thanks again!