Basic CSS

👾Hello @AtulKumar0001, congratulations for your new solution!

🎯 Your solution its almost done and I’ve some tips to help you to improve it:

1.Add transitions to make smoother the interaction while the element gets hovered, you can use a value like transition: all ease-in 0.5s.

2.Its ever better to use relative units as rem or em that have a better fit if you want your site more accessible between different screen sizes and devices. REM and EM does not just apply to font size, but to all sizes as well.

3.Use a CSS reset to avoid all the problems you can have with the default CSS setup, removing all margins, making the images easier to work, see the article below where you can copy and paste this css code cheatsheet: https://piccalil.li/blog/a-modern-css-reset/

✌️ I hope this helps you and happy coding!

Hi,

Congrats on completing the challenge a job well done, just one small replace the margin with padding on the card so that it goes all around.

.card {
    padding: 1.3rem;
}

Once you feel all the requirement in the brief has been met you can add extra things to test yourself. see my NFT card solution below.

my soution

Hope the above helps

@correlucas Hey, thanks for the suggestion. It was helpful. And I want to ask you: should I always use rem, or are there some particular situations where I should use rem, em, or %? If so, would you kindly offer some?