Submitted 4 months ago

QR code landing page using SCSS and absolute position

Christian Benitez• 10

@ChrissBenitez

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?

Using git to publish on github pages, I had never used it.

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

centering vertically the element, I used absolute position

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

Nothing so far so good.

Community feedback

Roni Tovar• 270

@ronitzdev

Posted 4 months ago

Hi, I found your project very nice. As for the image container, you can use the figure tag with the same .qrcode--image class. You can also add the property left and rigth in the developer attribution with a value of zero to center it, a background color like white, and padding up and down. To make it stand out and look clearer. And in the text a font size in rem unit. Mostly because it is used professionally. Otherwise fine.

Marked as helpful

Christian Benitez• 10

@ChrissBenitez

Posted 4 months ago

@ronitzdev Thank you very much for your feedback it really helps me a lot.

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