Currently, as I delve into the world of web development with Svelte, I am in the process of creating a basic website to put my knowledge to the test. The main aim is to ensure that no matter how much the page is resized, the text and video content remain easily readable.
At the moment, when I resize the webpage, both the video and text adjust accordingly, which is great. However, what I've noticed is that when the page gets too small, the formatting becomes jumbled and the content becomes difficult to read or watch.
My goal is to find a way to prevent the content from resizing once the page width reaches a certain point. Instead, I want the content to stay fixed in place at that threshold, necessitating users to utilize the scroll bar to view the entire page. A good example of this functionality can be seen on the Apple website (apple.com) when you inspect the page and decrease the width.
Since I'm not sure what keywords to search for to look for pre-existing solutions, I haven't attempted any implementations yet.