Skip to content
Submitted 4 months ago

QR code challenge using HTML and CSS

Piyumi Premathilake•20
@piyumi-1991
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

What are you most proud of, and what would you do differently next time?

I hadn't deployed anything on GitHub Pages before. In this tutorial, I learned how to do it, and I'm proud of myself for learning new things every day. I also learned some new Git commands

What challenges did you encounter, and how did you overcome them?

When trying to deploy the site on GitHub Pages, I noticed that it was a bit difficult. However, after going through the documentation, I was able to do it successfully.

What specific areas of your project would you like help with?

div aligns

Community feedback

  • George•180
    @GeorgeValentinPosted 4 months ago

    Good job on completing the challenge.

    Some things that can be improved:

    • centering the component in the middle of the page
    • the size and color of the text
    • the box shadow is not applied, you need to specify a unit of measurement

    These are some ways to center the element in the middle:

    • try position: absolute; and adjust it accordingly
    • make the body display: flex; and having height: 100%;
    • there are plenty of other ways to do it, you can research on Google

    Other than that, keep up the good pace.

    0
  • varun kumar•80
    @varunKumar993Posted 4 months ago

    nice one but it should be center of the page

    0
    Piyumi Premathilake•20
    @piyumi-1991Posted 4 months ago

    @varunKumar993 Thank you. Yes, I'm having trouble centering it.

    0

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