@Esesosa-max
Posted
in the main, i felt there was some unecessary code to center the main just simply main { display:flex; justify-content:center; align-items:center; min-height:100vh; /*this will center it dead center*/ }
you did not your HTML properly because you can not use the main as the card container. what you have to do is make a main inside the that you will have a div.container inside of that you will have the card will split into three parts div.card-header, div.card-body,div.card-footer
. This is how CSS frameworks makes card
Marked as helpful
@paulovictor1997
Posted
@Esesosa-max thanks for the feedback