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

Submitted

First Solution Using HTML and CSS

Halima584 30

@Halima584

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?

At first, I had a hard time trying to get a url, I wasn't getting the github navigation but eventually I persevered and got it. I am so proud of myself for not giving up because I was discouraged and nobody was giving me the answers I want.

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

Getting a url on github. I was asking everyone but nobody seemed to get my point. AI came through for me and I am so happy I could go through with this

Community feedback

@VincinChristmas

Posted

Good job!

It is recommended to use rem instead of px.

There is a small trick that a lot of people use to make sure elements and everything stay in place even when the screen is being zoomed in or out. Maybe something like this:

display: flex; justify-content: center; align-items: center; padding: 0 30px; border-radius: 12px;

also you should always use a CSS reset. Most people on here use this one:

www.joshwcomeau.com/css/custom-css-reset/

0

@VincinChristmas

Posted

Good job!

It is recommended to use rem instead of px.

There is a small trick that a lot of people use to make sure elements and everything stay in place even when the screen is being zoomed in or out. Maybe something like this:

display: flex; justify-content: center; align-items: center; padding: 0 30px; border-radius: 12px;

also you should always use a CSS reset. Most people on here use this one:

https://www.joshwcomeau.com/css/custom-css-reset/

0

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