husyn

Well, you can adjust the CSS for the overlay class and instead of positioning it absolutely at the bottom, you can use flexbox to vertically align the text to the bottom. Here's how you can modify the CSS: .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); /* Black see-through */ color: #f1f1f1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 20px; } With these adjustments, the text in the overlay will stay at the bottom of the image while covering the entire image with the black background.

I think to make your web app work offline on your iPad, you can utilize the capabilities of service workers. Service workers allow your web app to cache resources so they can be accessed offline. You'll need to register a service worker in your HTML file and define caching strategies for your assets like HTML, CSS, and images. And one thing do ensure your iPad's Safari browser supports service workers. By implementing service workers, your web app will be able to function offline seamlessly. You can find detailed tutorials and examples on service workers on resources like MDN Web Docs or Google Developers.

I'm new to programming and developing and just starting out with HTML from YouTube videos and some online stuff like W3 Schools. I want suggestion about practicing HTML. Should I practice it on editors like Visual Studio or Sublime text or I'm good to go with W3 Schools editor. Having an opinion from you guys will be worth it.