Problem with position

Hi Everyone!
I need some help with an assignment that I´m doing in order to apply for a school. I´m doing a website about something that I like. this one: https://codepen.io/franrobel/pen/gOgBYLV
The problem is that the h2 class history and the p history element overlap the above elements when I put the full screen. And if I make the screen bigger or smaller, they slide down, leaving an empty space that I don’t want. How can I fix it so that each element is one below the other?

Thank you for your help

[image]

you are using a lot of absolute units, that means that your design will work exactly for only a specific screen size, and position: absolute remove items from the document flow, so they overlap

try using relative units instead (%, em, rem, vh, vw…), flexbox, grid, media queries…

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.