@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
Marked as helpful
@ayechico21
Posted
@Bader-Idris Its a great add on and definitely a good way to do it
I mostly use flexbox for such scenarios as it gives me layout options. If I were to use the same component somewhere else, I can easily change few properties of flexbox and adjust my component to the new overall layout of the page.
Transform is a great feature as well. I look forward to using it
Appreciate the help. Thanks