This is a solution to the NFT preview card component challenge on Frontend Mentor. Frontend Mentor challenegs help you improve your coding skills by building realistic projects.
For this challenege I am to build out the NFT preview card component and get it to look as close as possible to the design as possible.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Semantic HTML5 markup
- Sass (Scss)
- Flexbox
- Mobile-first workflow
In this challenege I was able to practice using Sass (variables, partials).
In future projects I will continue working on gaining getter understanding of Sass, Flexbox, Grid and React. I think I still need more practice using these tools.
- Sass - This helped me with understanding the basic concepts of variables and partials.
- Kevin Powell YouTube - Thought me how to use parcel to bundle and use Sass.
- Parcel - I was able to use the Parcel website to understand further how things work.
- LinkedIn - jdfdoyley
- Frontend Mentor - jdfdoyley
- GitHub - jdfdoyley
- Varcel - jdfdoyley
- CodePen - jdfdoyley_
I want to give a big shout out to Kevin Powell YouTube channel. I was able to get a better understanding of Sass and Parcel.