I haven’t even finished with the ¨Responsive Web Design¨ certification but I already want to start making my tribute page. I ran into a issue, I am wanting to move the image at the bottom of my screen towards the black transparent box; top and center. How can I do that? I’ve tried Google but I must not be typing in the right . I’d appreciate the help.
Your code so far
you are currently using a lot of absolute stuff, e.g.
This approach is very fragile and doomed to fail, because you build it for exactly one screen size.
You can see this by:
- opening the dev tools:
- opening the Responsive Design Mode:
CTRL + SHIFT + M
This will literally break on every smartphone.
My best guess to solve it:
- Create a small mockup of your desired result in boxes, e.g. with pen & paper or excalidraw
- Give the boxes different colors to see which box lives in which other box
- Try to translate your drawn boxes into real HTML boxes, e.g with nested
I see what you mean; I think I’m going to start over haha. Thank you for your help.