QR Code Component using CSS flex.

Community feedback

• 

  Mohammed Ahmad Hussain•200

  @mah07308Posted over 1 year ago

  Media queries are basically used when the designs are different for different devices(mobiles, tablets, desktop etc).

  Example: If we're making a website for a mobile and a desktop. We can first write the code for the mobile device and then make the appropriate layout changes to switch to the desktop design at a specific width. This width for desktops/laptops is usually 1028px.

  So in our code to seperate the mobile design and the desktop design, We'll use a media query.

  @media(min-width: 1028px) {
  /* changes for desktop here */
  }
  

  Whatever changes are needed for our desktop design will be written inside the curly braces of the media query and will be implemented whenever the browser width is more than 1028px.

  You can go through this responsive web design RWD tutorial to learn more.

  I hope this helps.

  0
• 

  Melaku Alehegn•260

  @MelakuAlehegnPosted over 1 year ago

  I loved how responsive the page is with title media query. The only thing I think you should change is setting your card component a bit of height property. it looks shorter on your design. apart from that I found this great and clean code. I have a challenge on the width of the component since I used % as a unit of width for card component, but you make that easier by setting the width in pixes.

  0