i need help?

Question

https://code.sololearn.com/WjmnhTbdQqIr/?ref=app
https://code.sololearn.com/WjmnhTbdQqIr/?ref=app

Answer 1

In your CSS
each element has a top and a left
Trying changing the numbers of top and left of each elements, and see what happens.
(larger top moves thing down;
Smaller top moves thing up)
(larger left moves thing right ;
Smaller left moves thing left)

Answer 2

Response Design Tutorial I have just coded for you:
https://code.sololearn.com/W3gS00IGw160/?ref=app

Using fixed unit px is a very rigid way, it doesn't show correctly on small screen width.

You need to begin with the user window screen size, called viewport. By using vw and vh as body width body height and font size.

After that, use media query to fine tune the difference between portrait vs landscape or smaller screen width vs large screen width.

Click into the Try It Yourself and see the step by step explanation on how a responsive design is built.

Answer 3

i just thought you were going to send me the correct code for me to analyze. i wasnt expecting a full tutorial teaching step by step exactly what i was looking for. much thanks to you gordon and much love to sololearn.

Answer 4

The caption tag is for tables, and you have a position that is undefined in the CSS.

Answer 5

thank you gordon!

Answer 6

that caption tag is the whole reason every thing is going wonky? seriously?