I am trying to copy the style of this site http://www.shouldigoout.com/ which has some text ( h1 p a ) centrally alligned vertically and horizontally on the page.
The page use the @media rule to adjust the sizing for different display sizes.
How can I simply achieve this effect using css?
The site seems to use javascript/jquery to position the elements on the page is that the only way to achieve this effect?
The example is using javascript but you can do it using flexbox:
Flexbox is the easiest way to do this and the @media allows you to select the interval of window size that you want the rule to be active. In this case, it will be centered if the window is wider than 1000px.