Newspaper Landing Page Using CSS Grid Areas

What I found difficult while building this project was most with the images, I had a tough time making them responsive, so I would like to ask my fellow developers for the best way to make images responsive (pinching them in and out).

The areas of my code I'm most unsure of are mostly my JavaScript section more especially because I'm new to it, but here it is below:

const CloseMenu = document.querySelector('.close-menu-sect'); const NavWrap = document.querySelector('.nav-wrapper');

CloseMenu.addEventListener('click', () => { NavWrap.classList.toggle('hide'); })

So my questions are :

1. What are the best ways of making and image responsive?
2. Is there an easier way to write JavaScript code other than the way I wrote it?
3. Is there any way to write CSS code more easily and efficiently?