Hello there, I have the quote div inside the main div as you can see and in a media query for mobile viewers I want to place the quote beneath the main div, how could I do that? When I add margin-top to the quote, it moves in accordance to the top of the page, so, this doesn’t help…
How to place child div beneath parent div?
How to place child div beneath parent div?
0.0
0
Dimitrios51
#1
JohnnyBizzel
#2
I think you should learn some best practice for media queries: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
ivanyapeter
#3
Not sure what you are trying to achieve here. A quick pen and paper mock-up might help to visualise the final look you are after so we can help out.
Amitrakshar
#4
If You Are Trying To Do The Result As You Can See In The Picture:-
Then Follow The Instructions:-
-
In Your CSS Code you have given rule for Quote in 2 different groups.
i) One Before The last CSS Rules.
ii) One At the Middle. - - - - - - - - - - - Go and Check Out! -
Mix Up The Rules - - - Make them Together. (like You Can see In The Picture)
Try Using Different Quantities There. Like:-
- Change “Margin-top: -50px” and “Padding-bottom: 0px”