@anderson-fndz
Posted
to make the container more like the design, try:
.container{
width: 350px;
height: 595px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgb(20, 37, 61);
border-radius: 15px;
box-shadow: 0px 20px 50px #00000080;
}
to make the container aligned try to use flexbox to make your project more responsive, using position
would be more suitable for other functionalities
Marked as helpful
@OlamideAfunsho
Posted
@anderson-fndz how did you get the original measurements
@anderson-fndz
Posted
@OlamideAfunsho I used figma, exporting the original image and using the tools there, I used the rectangle and scaled it until it was the ideal size for the original project, it is a platform that will help you a lot to make your project more faithful to the original
@OlamideAfunsho
Posted
@anderson-fndz Thanks a lot, really helpful