NFT Preview Card with HTML, SCSS, BEM, and JS

Community feedback

• 

  P

  Anton Vasilache•580

  @AntonvasilachePosted 4 months ago

  Hi,

  Good job with building the component. Looks really faithful to the design.

  Small suggestion about the responsiveness: if you add a max-width to your .card, it will prevent the component to shifting between wide and narrow, as you go to smaller screens, making the transition more consistent, and also responsive for smaller screens, down to 325px.

  @media (max-width: 39.9375em) {
    .card {
      width: calc(100% - 3rem);
      max-width: 20.45em;
    }
  

  I hope you find this useful.

  Happy coding.

  0