Skip to content
Submitted over 1 year ago

QR Code Component using flexbox

Akhil-Nagpal•180
@Akhil-Nagpal
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

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

  • Luca Liebenberg•180
    @lucaliebenbergPosted over 1 year ago

    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•180
    @Akhil-NagpalPosted over 1 year ago

    @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
    Luca Liebenberg•180
    @lucaliebenbergPosted over 1 year ago

    @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
    Luca Liebenberg•180
    @lucaliebenbergPosted over 1 year ago

    @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•180
    @Akhil-NagpalPosted over 1 year ago

    @lucaliebenberg Thanks bro! I will try.

    0
    Luca Liebenberg•180
    @lucaliebenbergPosted over 1 year ago

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

    1

Please log in to post a comment

Log in with GitHub

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