This project is courtesy of the Frontend Mentor
My first project for web development - HTML/CSS. I did the project during our study break to give me a proper understanding of the box model and HTML structure.
The memorable part of the challenge is to put the card at the center of the page. I did give a margin of 6vh auto
when I first posted my version on the socials, and the community suggested that I set the minimum viewport height at 100vh
to prevent the content also from overflowing. Display:grid
to establish a grid container, place-items:center
property to align items both horizontally and vertically within the grid container and a gap of 20px
to put a gap between the card and attribution