Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code Component using flexbox

@Akhil-Nagpal

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello Everyone! I just completed my first challenge. I don't know how my code is working 😆. And I want to know why my GitHub pages don't show images. Please take a look and tell me how to fix it. And any other suggestions will be appreciated.

Community feedback

P

@lucaliebenberg

Posted

Hi @Akhil-Nagpal,

Good job completing the exercise 👌

With regards to changes that can be made:

  1. Set a max-width on the card to make it responsive on all screens
  2. Set body {display: flex; min-height: 100vh; justify-content: center; align-items: center}

Otherwise, good job 👌

I hope this was helpful

Marked as helpful

1

@Akhil-Nagpal

Posted

@lucaliebenberg Hi there! Thanks for your suggestion. I will work on it. Could you help me with images not show showing in github pages.

0
P

@lucaliebenberg

Posted

@Akhil-Nagpal I make use of netlify to deploy my projects.

To do the same, all you need to do is:

  1. Go to Netlify and sign up (it's free)
  2. On your main dashboard view, click on 'Add new site'
  3. It will then need you to authorize your Github account
  4. Once that is complete, you will be able to select 'import existing project' from your Github
  5. You then need to specify the build commands (example, in React it would npm run build or yarn build
  6. You then should see your site deployed!

I hope this makes sense and that it all works out 💪

1
P

@lucaliebenberg

Posted

@Akhil-Nagpal I make use of netlify to deploy my projects.

To do the same, all you need to do is:

  1. Go to Netlify and sign up (it's free)
  2. On your main dashboard view, click on 'Add new site'
  3. It will then need you to authorize your Github account
  4. Once that is complete, you will be able to select 'import existing project' from your Github
  5. You then need to specify the build commands (example, in React it would npm run build or yarn build
  6. You then should see your site deployed!

I hope this makes sense and that it all works out 💪

0

@Akhil-Nagpal

Posted

@lucaliebenberg Thanks bro! I will try.

0
P

@lucaliebenberg

Posted

@Akhil-Nagpal No problem! Shout if you have any other questions

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord