Design comparison
Solution retrospective
Any feedback will be much appreciated.
Community feedback
- @PeterklinkPosted almost 4 years ago
Hi fellow Coder. Great version of the coming-soon site. I like that you used flex-box, thats definetly one way to go! Maybe try to set the Hero picture as the background image of the right flex-box and set it to background-size: cover. This way it wont' change its dimensions and look weird. And if you want to properly position the button as it is in the design try to put it inside the form and set its position to absolute.
I hope it helps!
3@RantosKonstantinosPosted almost 4 years ago@Peterklink Thanks a lot, Peter. I will make a v.2 soon, according to your excellent and on-point guidance!
0 - @ApplePieGiraffePosted almost 4 years ago
Hi there, Konstantinos Rantos! 👋
Congratulations on completing your first Frontend Mentor challenge! 🎉 Nice work on this one! 🙌
I suggest adding
object-fit: cover
to the hero image to make sure it is clipped and thereby prevent it from distorting when the size of the screen changes. 😉Keep coding (and happy coding, too)! 😁
2
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