Submitted
Responsive NFT Card
- HTML
- CSS
@nicholasboyce
Submitted
Submitted
Submitted
Any tips on condensing my CSS? Any points where I could have maintained semantic clarity while reducing redundancy in my CSS?
Submitted
Submitted
I really pushed myself to get this as close to the design as possible! How did you handle the hover text section? I used positioning but am curious if there's any other ways to do it. I didn't implement the detection of the current day yet because I wanted it to match the design picture first.
Submitted
Submitted
How did you all manage to make the credit cards responsive? I'm still practicing making font-sizes properly responsive and everything, and clamp is still not entirely intuitive for me. Any resources to really make using it a bit more precise?
Submitted
How did you all handle putting in the error SVGs? I was trying to use relative and absolute positioning, but I can't help but feel that there's a better way...
Submitted
Submitted
I really have to review how to properly size and deal with images and svgs in a responsive manner. I just copy and pasted the starts to have them as a set of five, but as the page shrinks, media queries are necessary in order to avoid seeing them become distorted. I also had to fix the size of the profile pictures using a grid, but I'm not quite sure this was the best solution. Any advice on how you solved this?
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
How exactly did you go about making sure the box shadow was as close as possible? How did you go about making sure your image was sized correctly? Did you put the image dimensions in the HTML img tag?