Skip to content
Submitted about 1 month ago

QR Code Generation

Matthew Lancaster•120
@lank81
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'd take the time to fully layout my page before trying to set my styles.

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

CSS isn't forgein to me but it's something I haven't work on outside of the odd color change or alignment. Setting the borders and viewport for responsive design were new concepts that I had to learn.

Community feedback

  • Aparana Jain•40
    @jainaparanaPosted about 1 month ago

    Use a CSS reset. What it does is that it makes your CSS more easier to work with and also more consistent across devices. Take a look at Josh Comeau's and Andy Bell's CSS reset. I personally prefer using the first one. This applies to all of your projects aswell.

    Marked as helpful
    1
  • Pamlifa•80
    @PamlifaPosted about 1 month ago

    Matthew's Html and CSS is minimal and straight forward, which I hope to achieve myself. The layout looks good and resembles the design closely.

    His code looks well written and readable.

    Unfortunately, I cannot at this point be very critical because I am very much a newbie in programming and learning. I will definitely compare how he writes his code to mine.

    Marked as helpful
    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