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.)
1 Reply
Would suggest you stuck your code into a https://codepen.io so some of the talented ppl who help in this channel in their spare time have a reference ✨
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.