A viewport is like the window through which you see things on a computer or phone screen. When you look at a website on your computer or phone, you see it through a small window called the viewport.
Imagine you have a big piece of paper and you want to draw a picture on it. But your paper is too big to fit in your room, so you cut a smaller area out of the paper. This smaller area is like the viewport because it's where you can see and draw your picture.
Similarly, when you visit a website on your phone or computer, your device has a certain screen size (like the size of your paper), but not all websites are designed to fit on all screens. So, a designer will create a viewport that fits the size of your screen and some parts of the website might be hidden if they don't fit in the viewport.
In summary, a viewport is like a small window that lets you see and interact with a website on your phone or computer screen; it's the part of the website that fits on your device screen.