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

A QR-code card using flex for centering.

Alex 3,130

@Alex-Archer-I

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'm proud just to complete the project, even a small one like this.

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

I like my solution with a responsive part of a card, where I use combination of percentage width and hard-coding max-width.

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

I'm open for all kind of comments and criticism, but I always wonder whether I am using the best practices on the code, file organization and stuff.

Community feedback

dimisleif 10

@dimisleif

Posted

Hi there! Your code looks beautifully written! Love that you added some animation, a little bit of fun to your code!

Also, I love how your code is neat and is divided into few different CSS! Will be taking notes :)

Anyways, you did amazing!

0

Alex 3,130

@Alex-Archer-I

Posted

@dimisleif Oh, hi! =)

I'll always lacked organization both in life and in the code, so I try to pay more attention to it. Though I still don't know if separating media queries is good practice or not - I saw both opinions.

Thank you for your feedback! =)

1

@krishna-tejaswi

Posted

Good to have peer reviews

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