Design comparison
Solution retrospective
added loading and some transitions. built with vanilla javascript and plain css ✌️
Community feedback
- @GitHub-dev12345Posted almost 3 years ago
Congratulations 🎉🎉 bro. Use this code to increase the size of card : 😊 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
I hope you find this helpful
0@YazdunPosted almost 3 years ago@GitHub-dev12345 Hello Rathore and thanks for your feedback ❤️ for the card and mainly all elements, I prefer to use paddings, width and height rather than
transform
, I personally think using transform for specifying element's size, will mess up the code in the long run, this is a really small layout but what if you want use grid of flexbox later on? I prefer to usetransform
for animations or hover states but I think it goes back to personal preferences.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