@ahmetkabacali
Posted
hi,
if you interested i will give you few suggestion.
if you want centered any object, to center 1 object, the inside must be smaller than the outside. If you say 100% to the object in it, it won't be an centering. Although there are several methods for centering, the simplest is to give the outer object an display:flex
ββvalue. if the object inside is smaller than the outside. You can center it horizontally with justify-content:center;
and vertically with align-items:center
.
Maybe you knew, but when I saw that there was a problem in this project, I wanted to point it out.
you can fix with theese cods:
body {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.container {
width: fit-content;
}
.card {
height: 93vh; /* delete this */
padding:3rem;
}
i hope i helped.π Good coding.π
Marked as helpful
@LaxmanJonchhen12
Posted
@ahmetkabacali sure will implement the changes