When I open the file, the divs are not on top of each other, but placed correctly. I don't know why it happens like that in the solution. I was made aware that I need JS to make a page scalable to smaller browser size, but it might be possible with CSS as well and that might be my problem. Pls let me know if you have any tips :)
@MelvinAguilar
Posted
@izkurten Hi! JS is for adding behavior to websites, it should not be used to make your page scalable to other devices, that should simply be solved with CSS.
The problem is that you have used relative
positioning and many properties such as top
and left
. On my computer, the divs overlap as shown in the screenshot. This challenge is perfect for using Grid layout instead of relative positioning. You should also use media queries to adapt your solution for mobile devices.
@MelvinAguilar Hi, thank you for the feedback. I will surely go back and review the code and try to fix it.