Hallo @rough-diamond213!
Congratulations on completing the challenge!
To place the div.container perfectly in the middle (independent from the width/height of the device) I would use following:
- Set the body element to
min-height: 100vh; display: flex;
- Set the div.container to
margin:auto;
I would also recommend you to use padding for the .container instead of margins for the image.
I hope you find this helpful! Cheers :)
Marked as helpful
@rough-diamond213
Posted
Hello @ortalyarts
Thank you for your insightful contribution. it was helpful