This project is a NFT card component developed mainly with HTML and CSS3, according to the Frontendmentor.io challenge specifications.
This is the solution to the NFT challenge preview card component of Frontendmentor.io, in which 2 technologies were used: HTML and CSS3 and version control was used through a Github repository.
This project can be displayed correctly in any resolution. The recommended resolutions of the challenge were:
- Mobile: 375 px
- Desktop: 1440 px
- Solution URL: GitHub
- Live Site URL: Github Pages
- HTML 5
- CSS 3
- Flexbox
- CSS Transitions
- Mobile-first workflow
In this project I reinforced my skills in structuring HTML elements; I also learned how to use flexbox and how to center an element that has an absolute position:
.eye > img{
max-width: 270px;
max-height:270px;
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
position: absolute;
opacity:0
}
- Github - @yomidev
- Frontendmentor.io - @yomidev
- Instagram - @devinfront