Order summary card solution using flexbox
Design comparison
Solution retrospective
Hi everyone, it would be really nice if you share some resources on the following
- Transition and 2D specific challenges to thorough the knowledge
- Best hover effect resources from your experience to check on how to design it.
Community feedback
- @GitHub-dev12345Posted over 2 years ago
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
And 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
Marked as helpful0@shameerkamaludeenPosted over 2 years ago@GitHub-dev12345 that's really a good suggestion Dev Rathore thank you.
0 - Account deleted
Hi there 👋
Congratulate on finishing your project 🎉. You did a great job 💡
- About your question, I'd suggest this framework, https://ianlunn.github.io/Hover/, there are some hover effects, and try to build them on your own
- If I understood well your first question try these challenges, you gain more experience with drawing cool illustrations just in CSS https://cssbattle.dev/play/100
Happy coding ☕
Maqsud
Marked as helpful0@shameerkamaludeenPosted over 2 years ago@maqsudtolipov Thank you very much Maqsud Tolipov the CSSBattle is really worthy
0 - @EmmanuelHexerPosted over 2 years ago
Great work man, Nicely done
0@shameerkamaludeenPosted over 2 years ago@Phalcin Thank you, Emmanuel your encouraging really worth man thanks a lot
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