@Bader-Idris
Posted
You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:
.container {
display: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}
the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful
@ecemgo
Posted
@Bader-Idris
You may have suggested using an alternate method for smaller projects like this. However, the flexbox is already used in this solution. As the size of the project increases, it can be more efficient to use flexbox or/and grid for layout purposes. I think you can recommend this method for those who cannot center this card :)