Design comparison
Solution retrospective
how to use scale instead of min-height in the flexbox.
Community feedback
- @NaveenGumastePosted over 2 years ago
Hello sriram ! Congo π on completing this challenge
Let's look at some of your issues, shall we:
-
first of all your GitHub page is down
-
Add Main tag after body
<main class="container"></main>
-
Always use the "alt attribute" and write what img is , and if the img is for decorative then leave it empty but always add it with alt. happy Codingπ
Marked as helpful0 -
- @GitHub-dev12345Posted over 2 years ago
My small suggestion : 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
Marked as helpful0 - @GitHub-dev12345Posted over 2 years ago
Congratulation ππ complete your challenge. 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;
And
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
Marked as helpful0 - @msuryaditriputraRPosted over 2 years ago
For Scale something you can use
transform: scale(x,y)
for detail you can check this Link.Hopefully it is helpful..
Marked as helpful0
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