@SvitlanaSuslenkova
Posted
body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body). You can use grid instead of flex too(with some changes). class="Payment" use small letters for names of classes in css. You can add class for buttons on mouseover: .payment:hover {styles here}.
@georgekrause
Posted
@SvitlanaSuslenkova that looks much better. Thank you!!