3 column card

Your solution looks great. Minor thing I noticed when skimming through your code is an possible minor typo:

The first div in your body has a class alig-items-center. It is missing the n in align.

If you want to center your container, I'd suggest using flexbox to center it and adjusting your attribution to have position: absolute so it doesn't interfere with your main content.

Centering container:

body{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

Adjusting attribution:

positon: absolute;
bottom: 8px;

Hope this helps 👍