qr-code component solution using css flexbox

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 9 months ago

  Hello there @CoderHaqiim! 🙋🏽‍♂️

  Your solution looks excellent!

  I have a suggestion about your code that might interest you:

  📌 If you don't have the Figma design files, I recommend using a browser extension called Perfect Pixel.

  It allows you to compare your finished project with the design images that come along when you download the project and check the (almost exact) dimensions. It's very useful!

  I hope it helps you in future projects! 😊

  Other than that, great job!

  Marked as helpful

  1

  ---

  

  coderHaqiim•150

  @CoderHaqiimPosted 9 months ago

  Wow! Thank you so much Daniel. I'll check it out immediately as I had so much trouble trying to figure out the dimensions. Cheers! Happy coding! @danielmrz-dev

  1

  

  coderHaqiim•150

  @CoderHaqiimPosted 9 months ago

  Hello Daniel, thanks a ton once again for the tip. It was super helpful. I installed the extension but ran into a little problem. It turns out the dimensions of my computer screen and that of the image are quite different. The image had to be scaled down to 0.6666 to make it fit into my screen and when I center the image, it leaves some space on both sides of my screen. Please, do you have any ideas how I can go about this?

  So, I figured it out. Thanks @danielmrz-dev

  1

  

  Daniel 🛸•44,250

  @danielmrz-devPosted 9 months ago

  @CoderHaqiim

  It happens all the time... we always have to resize the image to match our project, but it's still useful

  Marked as helpful

  1