Skip to content
Submitted 7 months ago

Simple QR Code Element

Lukáš T.•120
@LukasT1
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 wouldn't say proud but setting up github and uing git was a little challenge.

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

I am not comfortable working with git yet, I have to learn this tool to use it effectively. I really need to work on my CSS. Now it is more trial and error.

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

I fell my CSS code could be way more effective and what I accomplished in 50 lines of code could be done I way less. But i guess this is the journey of learning.

Community feedback

  • Joramir Jr.•250
    @JoramirJrPosted 7 months ago

    Hey, @LukasT1!

    One nice trick to center your card would be to first remove all of the added margin to the <main /> tag; then, for the <body /> you could set its height to '100vh', apply a display 'grid', and place-items 'center'; you'd then have a centralized card!

    Hope its helpful!

    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