Submitted 2 months ago

QR code challenge using HTML and CSS

Piyumi Premathilake• 20

@piyumi-1991

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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

@GeorgeValentin

Posted 2 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.

varun kumar• 80

@varunKumar993

Posted 2 months ago

nice one but it should be center of the page

Piyumi Premathilake• 20

@piyumi-1991

Posted 2 months ago

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

Please log in to post a comment

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