Hi, so the problem is a bit more complicated than what the title says.
I have a div with a h1 that also includes a picture as text background. I resized everything so that the picture is nice and big, and the h1 shows at the bottom, with a horizontal semi-transparent bar.
I made this project on my widescreen, so now I would like to optimize it for smaller screens (in fact if you don’t have a widescreen, the pictures and side menu will probably be all jigglypiggly
I tried various things to resize the h1+picture when the window is smaller, and now I have removed them because it wasn’t quite working: all I get is that the image is resized, but the semi-transparent background of the h1 doesn’t follow, it stays the same size.
If I use bootstrap and image-resize class, when it gets a bit too small the text messes up as well (can’t see the bottom half), even though the semi-transparent background is the correct size.
This is my projec. Sorry if it’s unpolished, it’s my first ever:
Thank you in advance!