qr-code-component

Community feedback

• 

  nina1234567896•280

  @nina1234567896Posted over 1 year ago

  Hi there! i am quite impressed. I also recently finished the project but I'm having trouble with writing down the proper relative path. How did you write your relative path?

  0
• 

  Batuhan Orhan•40

  @bthnorhanPosted over 1 year ago

  You can create a series of rules that will be applied based on the screen size or device orientation to use media queries in CSS.

  /* Default styles */
  body {
  font-size: 16px;
  }
  
  /* Media query for screens over 768px */
  @media (min-width: 768px) {
  body {
  font-size: 18px;
  }
  }
  

  The 'body' element in this example has a default style with a font size of 16 pixels. Then, when the screen width is more than or equal to 768 pixels, we add a media query that will take effect. We increase the 'body' element's font size within this media query to 18 pixels. For various screen sizes and orientations, as well as for other elements like font size, color, and layout, you can utilize additional media queries.

  0