QR code

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello @ashutoshverma23!

  Your project looks great!

  I suggest you also try Vercel to deploy your projects, I always use Github Pages and Vercel as a backup.

  Also, don't worry about responsiveness in this project. Since the mobile and desktop version are the same, you don't need to make it responsive.

  I took a look at your code and saw that you tried to center the card using flex, but you used it inside the container. Here are are two ways to center elements, no matter the size of the screen:

  You can apply this to the body (in order to work properly, you can't use position or margins):

  body {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  Or you can apply this to the element you wanna center:

  .element {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
  }
  

  I hope it helps!

  Other than those details, you did an excelent job!

  Marked as helpful

  1

  ---

  

  Ashutosh Verma•10

  @ashutoshverma23Posted 11 months ago

  @danielmrz-dev Thanks a lot the changes you suggested are great, it made things easier for me. I'll definitely use them from my next projects.

  1

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  I'm glad I could help! 😊 @ashutoshverma23

  0
• 

  P

  Alysson Gomes•470

  @EONRaiderPosted 11 months ago

  Hello. I suggest you to use netlify.com when deploying projects if you feel you’re having difficulties right now. It’s extremely easy to use. The way your project is structured right now you only need to inform to Netlify the URL of your GitHub repo and you’re done.

  Marked as helpful

  0