@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 {
position: 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
@Brahimboutajbirine
Posted
Thank you, @Bader-Idris, for sharing your thoughts! I'm glad to hear that you find transform properties in CSS interesting and useful. While transform can be a great option for centering elements, I personally prefer using flexbox for its flexibility and responsiveness in creating modern web layouts. Flexbox makes it easy to create dynamic and adaptable designs that can adapt to various screen sizes and orientations. Thank you for your input, and I appreciate your suggestion!
@Bader-Idris
Posted
@Brahimboutajbirine
if you wanna practice Flexbox, I prefer learning from both flexboxFroggy
and flexboxZombies
, they're grateful for educational purposes
@Brahimboutajbirine
Posted
Hi @Bader-Idris, thank you for your comment! I appreciate your suggestion to practice Flexbox using flexboxFroggy and flexboxZombies. They are indeed great resources for learning and improving my skills with Flexbox. I will definitely check them out. Thanks again for the recommendation!