qr components using HTML AND CSS

Community feedback

• 

  Hatem Henchir•530

  @hatemhenchirPosted almost 2 years ago

  Hey Faith Kalu Onyeani, how are you ? I really liked the result of your project, but I have some tips that I think you will enjoy:

  Media queries are a powerful tool for creating responsive designs that adapt to different screen sizes and device types. Here are a few tips for working with media queries in your mobile design:

  1. Start with a mobile first approach: It can be helpful to design for the smallest screen size first and then progressively add features for larger screens. This can help ensure that the mobile design is optimized and that any additional features are additive rather than disruptive.
  2. Use breakpoints wisely: When using media queries, it's important to choose breakpoints that make sense for the design and to avoid using too many breakpoints. It's often better to use a few well-placed breakpoints rather than trying to target every possible screen size.
  3. Test on multiple devices: It's important to test the design on a range of devices to ensure that it looks and functions as intended. This can help identify any issues with the media queries and ensure that the design is responsive across different devices.

  I hope these tips are helpful! Let me know if you have any other quest.

  Great work and keep going.

  Marked as helpful

  0

  ---

  

  Faith Kalu Onyeani•60

  @Beautifulone0Posted almost 2 years ago

  @hatemhenchir thanks for the feedback and tips it was helpful

  0

  

  Hatem Henchir•530

  @hatemhenchirPosted almost 2 years ago

  @Beautifulone0 if it was helpful, please mark it as helpful. Thank you.

  0

  

  Faith Kalu Onyeani•60

  @Beautifulone0Posted almost 2 years ago

  @hatemhenchir 😊done

  0
• 

  Zeyad Mohamed•320

  @ZeyadMohamed1805Posted almost 2 years ago

  Hello there! 🤗 Awesome work on the project 😎

  • On this project, media queries are not mandatory! Simply setting the width of the QR Code to like 300px should make it look great on all devices! 🎊

  • I also would like to point out that the styles are not shown when i preview your website! I am not sure what is the cause of that problem, but probably something with the file placement in the github folder or other issue happened while uploading! 🤔

  Keep up the great work! 🔝🔝

  Marked as helpful

  0

  ---

  

  Faith Kalu Onyeani•60

  @Beautifulone0Posted almost 2 years ago

  @ZeyadMohamed1805 thanks for the tip so i should set the width of the qr code to 300px right ? and also my styles are showing when i preview here tho i do not know why its not showing on yours

  0

  

  Faith Kalu Onyeani•60

  @Beautifulone0Posted almost 2 years ago

  @ZeyadMohamed1805 thanks for the tip so i should set the width of the qr code to 300px right ? and also my styles are showing when i preview here tho i do not know why its not showing on yours

  0

  

  Zeyad Mohamed•320

  @ZeyadMohamed1805Posted almost 2 years ago

  @Beautifulone0

  • Yes! It doesn't necessarily have to be 300px; could be slightly less or more, depending on the project! The goal is to set it to a width that would fit it to different screen sizes (Note that on other big projects were you have multiple elements, this would not be implementable) 💻

  • As for the preview problem, if no one else pointed it out, then it might be an issue on my part! 😁

  Marked as helpful

  0