Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • 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'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

@jainaparana

Posted

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 50

@Pamlifa

Posted

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
Discord logo

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