NFT-Card-Component

This is a solution to the NFT preview card component challenge on Frontend Mentor. This challenge has helped me to test my skill on bootstrap.

Overview

The challenge

Users will be able to:

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements

Links

• Solution URL :
• Live Site URL : https://md-raihan-alam.github.io/NFT-Card-Component/

My process

Built with

• Semantic HTML5 markup
• CSS inline custom properties
• CSS Framework-> Bootstrap

What I learned

I was able to understand how to implement bootstrap in more practical way. I have more practical understanding in bootstrap breakpoin, border, card, dislay, flex, grid and position.

Continued development

I still need some time to get used to bootstrap. So I will completed few more project by using bootstrap and inline css.

Useful resources

• I read through bootstrap main page to understand it's usage It's link is->https://getbootstrap.com/docs/5.1/getting-started/introduction/

Author

• Frontend Mentor - @Md-Raihan-Alam
• Twitter - @MdRaiha48799193