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.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: solution URL
- Live Site URL: live site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
i've learned how to work with images in container and overlay. Use of pseudo element to create content
animation, media queries, transform, css grid, flexbox
- Frontend Mentor - @cooger17
- Discord - [cooger#4122]
I have to give some credits to @correlucas because i was inspired by his code when dealing with image overlay and transition.