I am trying to make my image and title responsive but do not know how to make them adjust their position when the page gets smaller, cheers
Codepen.io : https://codepen.io/yobes/pen/WNNeXJW
You have only set the max-width for your image, in order to make it responsive you should establish its width, which, for default it is assigned “auto” as a value. With the default width, your element takes its parent’s width. In order to make it responsive you could set a percentual width like 50% or 75%. You could also manually set a relative width depending on the screen’s width with media queries.