All comments

• 

  Pranjal Mamdapur•10

  @Pranjal412Submitted over 1 year ago

  Please help me how to write media queries

  

  qr-code-component

  2

  30
  

  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
• 

  Richard Kpehor•100

  @Richardedem6Submitted over 1 year ago

  This is my solution to this challenge.

  

  Product preview card component

  2

  30
  

  Batuhan Orhan•40

  @bthnorhanPosted over 1 year ago

  Your images are broken. You should check their paths.

  Marked as helpful

  0