@bajwacodes
Submitted
Friends, I tried my best to build a layout as close as possible to the original one. I think I did pretty good job apart from centering the card vertically with flexbox. I did justify-content and align-item to my container div that contains the card but it just sticks to the top of page. So I just added some padding to center it a bit but that's not perfect.
Submitted
Does flexbox only center the div vertically if you set a height to it?
In my case, it did center the div horizontally but not vertically until I set min-height: 100vh to the body. Please anyone explain, thank you!
Submitted
The hardest thing for me was making it responsive for mobile & desktop with media queries.
I also struggled to center it right in the middle of the page with flexbox, it just centers horizontally, but vertically, nothing changes even if I use align-content & align-items.
Submitted
