how do I position the card to the far right?

Question

https://code.sololearn.com/WDf0KiEOvKQ5

the card floating in the middle of the top of the page i want to be on the right side. It had some code: <div class="pt-5 col-2"> on it on other html pages, but when I made the center part of the page with regular html and not bootstrap, this card wont go where its supposed to! I even tried defining it and giving it directions in css but nothing changesd...
how do i fix this?? PLS HELP !!
Also, how do I change the color of the card header tab to a # color?
thankyou so much in advance !!!!

Answer 1

hey, try setting the position of the container to relative and set its position, and set the position of the text within to absolute so it cannot overflow its container

to change to a # color, just pick a hexadecimal color of your choice and style

Answer 2

Thankyou Michael!! that finally worked! =)

Answer 3

yes but how do i do that, i have tried in css and in the html where the header is =(

edit; did it!!! thanks

Answer 4

I think you should use the align=right attribute

Answer 5

i still dont know where to change the color of it though...

Answer 6

pick a hexadecimal color
and set it as the color of the card header