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
- CSS custom properties
- Flexbox
- Mobile-first workflow
.container .img:hover::before {
content: url("images/icon-view.svg");
position: absolute;
left: 50%;
top: 35%;
transform: translate(-50%, -50%);
color: #000;
z-index: 1;
}
- Elzero Web School - This website help people to learn programming and web developement by Mr Osama Mohammad
- CSS Tricks - This is an amazing website for learning CSS in professional way