Order card component๐ฏ [ SEMANTIC MARKUP - CSS GRID - CSS FLEX ]
Design comparison
Solution retrospective
Hello everyone in this beautiful coding community.
My solution to the Order-Summary-Component-Main.
Please don't hesitate to leave a feedback, and any advice on making my code clean/ more accessible!
I will be happy to hear any feedback and advice!
CUSTOM TWEAKS..๐ :
I added animation that makes the box shadow of the card appear at a timed number of seconds
Follow me in my journey to finish all newbie challenges
Community feedback
- @0xabdulkhaliqPosted over 1 year ago
Hello @Tolux001๐. Congratulations on successfully completing the challenge! ๐
- I have other recommendations regarding your code that I believe will be of great interest to you.
BACKGROUND iMAGE ๐ธ:
- Looks like the
background-color
has not been set, So let me explain How you can easily apply thebackground color
along with thesvg
they provided.
- Add the following style rule to your css, and then experience the changes
body { background: url(./images/pattern-background-desktop.svg), #E1E9Ff; background-repeat: no-repeat, no-repeat; }
- Tip, Don't forget to generate a new screenshot after editing the
css
file
.
I hope you find this helpful ๐ Above all, the solution you submitted is great !
Happy coding!
Marked as helpful1
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