@MahmoodHashem
Submitted
What are you most proud of, and what would you do differently next time?
In this challenge, one of the key things I learned was how to leverage JavaScript to accurately detect the size of the user's screen or browser viewport. This involved exploring a few different approaches:
-
Using the
window.innerWidth
andwindow.innerHeight
properties:- These properties provide the width and height of the browser's viewport, including any scrollbars.
-
Accessing the
screen.width
andscreen.height
properties:- These properties return the total width and height of the user's physical display device.
- This can be helpful for making decisions based on the user's overall screen real estate, beyond just the browser viewport.
-
Utilizing media queries in conjunction with JavaScript:
- Combining the power of CSS media queries with dynamic JavaScript checks.
- This enables me to not only detect the screen size, but also apply appropriate styles and behaviors based on the user's device capabilities.
What specific areas of your project would you like help with?
Any feedback is appreciated