NFT card component

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  Hey Rajesh, It looks good!... I suggest you center the component on the page with Flexbox, by giving the parent element main the following properties:

  .main{
     /* margin: 8rem 35rem;      <---Rmove */
     display: flex;     /* <---- Add */
     justify-content: center;     /* <---- Add */
     align-items: center;     /* <---- Add */
     min-height: 100vh;     /* <---- Add */
  }
  

  Resources

  • How to Center Anything with CSS - Align a Div, Text, and More
  • 11 Ways to Center Div or Text in Div in CSS

  Hope this is helpful to you... Keep coding👍

  Marked as helpful

  0

  ---

  

  Rajesh Janyani•330

  @Rajesh7rjPosted over 2 years ago

  @Bayoumi-dev Thanks for feedback 🙏, i've been wondering how to do that 😅 , i definitely see this. Thanks again buddy for guiding me.... 😊

  0