NFT-card component using HTML and CSS

Community feedback

• 

  Anderson Fernandez•350

  @anderson-fndzPosted about 1 year ago

  to make the container more like the design, try:

  .container{
      width: 350px;
      height: 595px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: rgb(20, 37, 61);
      border-radius: 15px;
      box-shadow: 0px 20px 50px #00000080;
  }
  

  to make the container aligned try to use flexbox to make your project more responsive, using position would be more suitable for other functionalities

  Marked as helpful

  0

  ---

  

  Olamide_Prodigy•130

  @OlamideAfunshoPosted about 1 year ago

  @anderson-fndz how did you get the original measurements

  0

  

  Anderson Fernandez•350

  @anderson-fndzPosted about 1 year ago

  @OlamideAfunsho I used figma, exporting the original image and using the tools there, I used the rectangle and scaled it until it was the ideal size for the original project, it is a platform that will help you a lot to make your project more faithful to the original

  0

  

  Olamide_Prodigy•130

  @OlamideAfunshoPosted about 1 year ago

  @anderson-fndz Thanks a lot, really helpful

  0