All comments

• 

  Eka•100

  @ekalookSubmitted about 2 years ago

  

  NFT preview card component

  1

  40
  

  Mohamed Nasr•90

  @mhmdnsr-devPosted about 2 years ago

  You can use transparency <alpha-value> on the background by hsl(178, 100%, 50%, *0.3*) allowing the main image to appear.

  Marked as helpful

  0
• 

  Samarth Kulshrestha•10

  @samarth0605Submitted about 2 years ago

  How to align the image with the white box ? how to make curved edges ? How to make button small? Can you please suggest me some of the improvements that I can do in my code ?

  please answer these questions. Thank you.

  

  Product-preview-card-component-solution

  5

  70
  

  Mohamed Nasr•90

  @mhmdnsr-devPosted about 2 years ago

  Hello, @samarth0605. First, you have to put the image in one block element such as <picture>, and the text content in another block element such as <div>, and then you put the two into a container, you can make edges by border-radius propriety and overflow propriety on the container, then align them by CSS grid. ... Good luck.

  0