This project was created for a Make it Real challenge to develop a responsive 'NFT Card Preview' page that aligns with the given designs for mobile (375px) and desktop (1440px). The objective was to provide visitors with an optimal viewing experience based on their screen devices, including interactive hover and focus effects
 |
 |
 |
|---|
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile first workflow
In this challenge, I learned how to create overlays with icons on images and practiced customizing link colors using pseudo-classes for hover, focus and inactive states.
I will continue my efforts to improve my skills in creating responsive CSS styles and strengthen my abilities in precise element positioning.