Chegudev
KPCKevin Powell - Community
•Created by Chegudev on 8/21/2024 in #front-end
I'm stuck on Grid and Position
I want to place 7 svg images in the header of the page, which are in their own div, exactly on a specific point of the page, and at the same time, use the grid layout for responsiveness, and the photos will stay in their place with the zoom in and zoom out of the page, but be in tune with the grid flow.
Sample codes:
https://codepen.io/chegudev/pen/KKjorYK
But the result is that the size of the header changes and becomes the same as the width of the page being viewed, but the divs in the header do not change in size.
(For a better understanding, suppose that you put a tree branch horizontally in the heather and now you have 7 apples that you need to stick on the branch.)
2 replies