What kind of width and height should i use for my project?

I’m creating a very simple website that basically only contains images with two words text under each image. However i want to make the website mobile/ipad friendly aswell so i was wondering what height and width i should use and what element should i put it under? Every image/text has “position:relative” by the way and i have no containers (div).

Should I use something like:

html, body { height: 100%; width: 100%; }

OR any other code you think i should use. Whatever answer it is, please explain why as i’m new to HTML/CSS.

Hi there and welcome to the forum!

To make responsive web pages you need to dive in Responsive Web Design and CSS Flexbox.
They are necessary to create modern responsive web pages that look great on any device.
Later on you also can take a look on CSS Grid.

Hope this helps!