QR code

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!

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.