Design comparison
Solution retrospective
Basic HTML and CSS. I recently learned blend mode so I used that for the image. Any critique appreciated.
Community feedback
- @correlucasPosted about 2 years ago
👾Hello TeaForDays, congratulations for your new solution!
Its really nice that you've used
mix-blend-mode
it's a quick and amazing way to customize images. Well done.Now you're missing only the vertical alignment for a perfect image. To do that, first place
min-height: 100vh
to thebody
to make the body display 100% of the viewport height (this makes the container align to the height size thats now 100% of the screen height) size anddisplay: flex
to align the child element (the container)).✌️ I hope this helps you and happy coding!
Marked as helpful0@ofthewildfirePosted about 2 years ago@correlucas This does help, tyvm for the feedback, will implement the change in just a bit, again, thank you so much.
1
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