Design that works on different screen sizes / orientation
I've created an H5P drag and drop activity which will appear correctly on smaller portrait screens. I can redesign it to appear correctly on landscape screens; but I haven't managed both. Image links below. I can't put in a maximum container size in CSS as we're using a managed Moodle service and they won't let us change the CSS.
Is there another solution or way of designing this to work on smartphones and large PC desktops?
Portrait: Can drag and drop words to images: https://drive.google.com/file/d/1ANm3tVxNRWRWCYvlxTmhL75mdTUmvGVI/view?u...
Portrait: Words and off the screen (and some images) and the whole thing is "too big": https://drive.google.com/file/d/1NgagQGUmkMtUZeXcHIx4zIyMlOsNYeu8/view?u...
Any help gratefully received!