Making Absolute-Positioned Div Layout Responsive

https://codepen.io/Redcaus12345/pen/yyYRxRL I want to code this design. So far, I've done it using absolute positioned divs, but I was wondering how I can make it responsive. Can someone help me?
jog
CodePen
Untitled
...
No description
No description
6 Replies
redcaus1235
redcaus1235OP3mo ago
is there a better way or should i use media queries?
13eck
13eck3mo ago
First thing I’d do is check your z-index! The text needs to be above the icons!
No description
redcaus1235
redcaus1235OP3mo ago
okay
13eck
13eck3mo ago
The easiest thing you can do is set the background of the text element to the same colour as the website. That way it’s “responsive” insofar as the icons are hidden behind the text element. Or do like a 50% opacity. That could look good, too.
redcaus1235
redcaus1235OP3mo ago
Yeah but I would like to position it a bit different on mobile
13eck
13eck3mo ago
Then you’ll need to use media queries

Did you find this page helpful?