Article preview component

Community feedback

• 

  Alex 🤸🏻‍♂️•1,710

  @sksksk2024

  Posted 8 months ago

  Hellow, @Jamal-Digital !!! :D

  You can use window.innerWidth to check the screen width and adapt your JavaScript code for mobile and desktop experiences separately. Here’s how you might approach it:

  if (window.innerWidth < 768) {
    // Code for mobile view
    console.log("Mobile view");
  } else {
    // Code for desktop view
    console.log("Desktop view");
  }
  

  By using a conditional like this, you can tailor specific actions based on screen width. The value 768 is a common breakpoint, but you can adjust it to fit the layout of your site. It’s a simple and effective solution for making your JavaScript responsive!

  If you need the layout to adjust dynamically as the window resizes, you might also consider listening for the resize event:

  window.addEventListener("resize", function() {
    if (window.innerWidth < 768) {
      // Code for mobile view
      console.log("Mobile view");
    } else {
      // Code for desktop view
      console.log("Desktop view");
    }
  });
  

  Keep it up and have fun coding!!!

  10

  Marked as helpful