@AgataLiberska
Posted
Hi @ellienndea, well done again! Positioning those svgs is really tricky, I rememeber struggling with them quite a bit! As for your questions:
-
I don't think the h1 moves at all, it stays centered within it's container which is the
<main>
element. It looks like it's moving to the side because the container is growing, but the accordions are not. You've got quite a large right-margin on all your<detail>
elements (they appear because of the max-width that is set) It may be a good idea to just set a max-width to the.container
div, and let the detail elements stretch to fill out the space, maybe with just a small right-margin to space it out nicely. I think the box svg is also not really moving, just resizing with the other images because they get less space on narrower viewports. I think I would change the media query breakpoint a bit, to allow a bit more space for the images in desktop layout. -
As for the second question, I'm not sure what element you're asking about - is is the arrows? That would be the margin created by the max-width :)
Hope this helps, if anything's not clear, let me know :)
Marked as helpful
@ellienndea
Posted
@AgataLiberska Thank you Agata for your feedback and your help! 🥰 Glad you understood my 2nd question right. 😄 It's all connected. I'll try that out!