Design comparison
Solution retrospective
Hi All, The music icon and the Annual Plan text seems to be slightly left aligned.. One would firstly think they should be equally separated but to me it seems a bit to the left. I would love hearing from any of you how you managed to solve it. Thanks
Community feedback
- @denieldenPosted almost 3 years ago
Hi dolomita28, I took some time to look at your solution and you did a great job!
For add the top image in the background just put more specific background properties to the body:
background: url("../img/pattern-background-desktop.svg") no-repeat top center; background-size: contain; background-color: #e0e8ff;
Overall you did well :)
Hope this help and happy coding!
Marked as helpful0 - @optimusprime202Posted almost 3 years ago
Hey @dolomita28, I’ve never seen anyone do it better.
0 - @GitHub-dev12345Posted almost 3 years ago
And Background image & color for you this code: 😊👌 Used this code for background image : In body tag used this CSS property: body{ background : url("./images/uesd image path") no-repeat; background position: top center; background size: 100% 50%; ( this is your choice check the image performance, and the gave the size percentage on your choice); this code very helpful for your background image😉😎 keep it up; } this code helpful for you, plz click on the mark the helpful
0 - @GitHub-dev12345Posted almost 3 years ago
Used this Code for increase the card size & card position in center, Used this code
Used this code want your card in center position :
in body tag Used this CSS Code: body{ display : flex; justify-content: center; align-item: center; }
in Card Design CSS Code used this property: align-self: center;
used this CSS Property in your card to increase and decrease the size of card:
1.In Card design CSS Code Used this:
transform : scale(0.8); this property decrease the size of card. 😉
large size for increase the number of scale & small size for decrease the number of scale
0 - Account deleted
Hi there 👋
Congratulate on finishing your project 🎉. You did a great job 💡
I give some suggestions to help you take your project design to the next level 📈😉
- Add some box-shadow to the card ✅
Happy coding ☕
Maqsud
0
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