NFT Preview Card using HTML & CSS

👾Hello Jonathan, congratulations for your new solution!

🎉 Nice solution and nice code! I can see that you paid a lot of attention to your code/design. If you don’t mind I’ve some tips for you:

The value you’ve used for the shadow make it too much dark and strong, to create a smooth shadow you need to give it less opacity and more blur try this value for example: box-shadow: 0 0.9375rem 1.875rem -0.6875rem rgb(131 166 210 / 50%);

If you’re not familiar to box-shadow you can use this site to create the shadow design and then just drop the code into the CSS: https://html-css-js.com/css/generator/box-shadow/

✌️ I hope this helps you and happy coding!

Hi @jonexist,

Nice job on completing the challenge.

There are multiple ways of doing things.

1. You could have add a border bottom to the ul element.

2. You could have added a pseudo element to either the ul or .owner

but you did really well just check the report as well and fix those issues. Hope this is helpful.

One way and the way I did it is to create a div with height of 1px

.line {
height: 1px
background: white;
width: <desired width>;
}