
Design comparison
Solution retrospective
Hope I did well!! First challenge like this I have done!... fixed what I though to make it work via desktop and phone. Please, any advise would help as just learning :)
Community feedback
- @Bader-IdrisPosted about 2 years ago
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 helpful0 - @Andigashi1Posted about 2 years ago
Hey i was trying to help with the little experience i have but i cant open the webpage or the code. If you want to center both objects without using margins(if you have) do this in the body:
background-color: hsl(212, 45%, 89%); display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; }```
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord