Position:relative is confusing me
Hey!
Enviroment: VS code, react, eslint, tailwind + normal CSS and Rechart.
Problem: Don´t know how to work around position:relative. I have bildt the landing page on the img that I have attached in this message.
You can see 2 containers, there is one more that you can´t see. On these containers have I used position:relative. i partial understand how relative works and i cant find any additional info that explain how I should solve my problem.
I want the text "Should not be here" under the first container to be under the last container. But because of position:relative is comes under the header container.
The reason I am using relative is because I want the result that is shown in IMG 2. .
Wanted result: I want my container after the header to be under the infocontainers that is shown on both of the img. One of the soulutions i have thought of is to us margin and use Media Q to adjust the margin depending on screen size. Is there another soulution or a way of doing it that is better?
Enviroment: VS code, react, eslint, tailwind + normal CSS and Rechart.
Problem: Don´t know how to work around position:relative. I have bildt the landing page on the img that I have attached in this message.
You can see 2 containers, there is one more that you can´t see. On these containers have I used position:relative. i partial understand how relative works and i cant find any additional info that explain how I should solve my problem.
I want the text "Should not be here" under the first container to be under the last container. But because of position:relative is comes under the header container.
The reason I am using relative is because I want the result that is shown in IMG 2. .
Wanted result: I want my container after the header to be under the infocontainers that is shown on both of the img. One of the soulutions i have thought of is to us margin and use Media Q to adjust the margin depending on screen size. Is there another soulution or a way of doing it that is better?
