This is a solution to the NFT preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
&:hover {
background: rgba(0, 167, 192, .7);
opacity: 1;
}
- EChange Image on Hover (CSS) - This helped me change the image on hover.
- Website - Luciana Santos
- Frontend Mentor - @Luciana-Santos
Just do it.