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
Screenshot of the application
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
I normally get stuck in to these challenges with frontend frameworks and/or CSS preprocessors or frameworks. For this challenge I decided to just use pure CSS and HTML, since recently I feel I have really been ignoring basic HTML/CSS principles and I don't want to lose sight of my fundamentals. So... here's a bare-bones project! I coded this up in the latter half of an afternoon and would like to revisit it after getting some feedback on my semantic HTML and CSS styles.
- Semantic HTML5 markup
- Pure CSS3
- Flexbox
- CSS Grid
- Mobile-first workflow
- Frontend Mentor - @james-work-account
- Check out my band! - Laguna's Dream