Nft-component-card

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have other recommendations regarding your code that I believe will be of great interest to you.

CSS 🏷️:

• You can minimize the lines of code by changing the flex layout to grid layout

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

• Instead, try this following code

body {
    display: grid;
    place-items: center;
}

HOSTING:

• Instead of hosting this solution on replit, you can try out Github pages for hosting.

• You can follow along this tutorial video from The Net Ninja

• Because hosting in github pages will gives you more control than other hosting services like netlify or replit

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!

There is no need to give the body a width value.

Replace the height in .box with a padding value for all the sides, this will prevent the content from overflowing on smaller screens and its a responsive replacement. padding:1em.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING