BLOCKCHAIN UNN - NFT preview card component solution

This is a solution to the NFT preview card component challenge for BUD session 4

Overview

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size

Screenshot

Links

• Solution URL: https://github.com/Gospel33/NFT-PREVIEW-CARD.git
• Live Site URL: https://playful-tartufo-fb266f.netlify.app

My process

Define your process here

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

During the course of this build I learnt about the CSS hsl function which stands for hue, saturation and lightness which is another of putting together colors used for CSS by effecting color's hue, saturation and lightness and this is totally different from the rgb or rgba CSS color functions. I also learnt how to style my web page with either using the tag such as body or by using the class or id attributes. I also learnt about the disply most especially the flex display and also how to style block elements.

Acknowledgments

Thank you BLOCKCHAIN UNN for this opportunity.