NFT Preview Card Component (HTML & CSS)
Design comparison
Solution retrospective
Done this little thing with HTML and CSS.
I had a lot of troubles with this thing, but it's done, finally.
I'm open to feedback, thank you<3
Community feedback
- @GitHub-dev12345Posted over 2 years ago
Congratulation Nice Work Keep it up 😉👍
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
Marked as helpful1@sextanscerberusPosted over 2 years ago@GitHub-dev12345 Thank you, Rathore. I'll try it on next projects
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