Absolute position will broken on different devices!🫣how fix?

Question

I created some divs on html and I gave styles to them as :before. I defined those positions to absolute but when I open the file on another laptop, it doesn't work! The places are different! How can I fix it? Is it related to px and %? I mean I should define the places by %?

Answer 1

I see a lot of position: absolute in the CSS. This could be the issue.
There are a few ways to fix it, one way is you could set some media queries for different sized screens and then reposition your centers for each size.
You should look up a bit more about responsive CSS and you might find the answer there.

Answer 2

New Game so you can see section 2? There are 4 numbers in circles by different color. They have borders too. But the borders places are broken. I mean circles should be on center of borders but they aren't. Ausgrintube solved the problem actually. It related to responsive CSS.

Answer 3

Fantastic i'm happy you were able to solve the issue Sara Hashemi. Nice work Ausgrindtube

Answer 4

Chris Coder yeah section 2

Answer 5

These threads might help you.

https://www.sololearn.com/discuss/2601307/?ref=app
https://www.sololearn.com/discuss/387418/?ref=app

Answer 6

So what exactly is the issue? Are you talking about the circles in section 2?

Answer 7

Ausgrindtube thank you🥲

Answer 8

New Game can you see the link on github?
If it's possible to you, open this on laptop or pc.
Look at the second section that there are some numbers in circles. These are placed on center of their borders but when I run this code on other laptop, they aren't center!

https://github.com/sarahshmn/seomy.git

Answer 9

New Game you can see the green button. Click on the arrow of that and you can see the dowload zip. After that, extract the file and open the HTML file.

Answer 10

No, like having the code in your library.
Like this:
https://sololearn.com/compiler-playground/Wrvoi333LFkG/?ref=app

Answer 11

Trey yes I do.

Answer 12

Ausgrindtube so this won't fix by giving % instead of px, right?

Answer 13

New Game 😥😥😥

Answer 14

Do you have the code saved?

Answer 15

Can you show it to us like I did?

Answer 16

How do I open the files?

Answer 17

All I saw were a bunch of images.

Answer 18

Is anyone else getting the same thing?

Answer 19

No, I mean the github on scetion 7