NFT preview

U don't have to set a gap u should align them using either grid or flex ....if u don't know how to align items horizontally or vertically u should read more about them ....so in these case

/*icons*/ 
 .icons { 
   display: flex; 
   flex-direction: row; 
   justify-content: space-between; 
   align-items: center; 
 }

the space between property will make a gap for the items

Congratulations for attempting the challenge! But there are a few suggestions with which you can improve your code

• For creating gaps in your text wrap them inside a div and use flexbox and I assume that you know about flex as you have already used in the body tag.
• I think you have forgotten to push the images in the github repository because they are not showing in the live site.
• Also, the main heading of 'Equilibrium #3429' should be wrapped under h1 tag instead of h2 for better semantics and seo. You can adjust the font size of this h1 according to the design.

If you find this feedback valuable, then please mark it as helpful

And also the images are not displayed check ur file path again for the pictures

Hi Bolat, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

I noticed that you had problems with the image, and it is not showing I think we can fix your problem this way:

<img src="./nft-preview-card-component-main/images/image-equilibrium.jpg">

as vscode uploads the first index file from the repository, it is uploading what is out of the folder!

The rest is great!

I hope it helps... 👍

to make gap use display:flex; flex-direction:row; align-items:center; justify-contents:space-between;

and also your image isnt showing. you did a nice work.