Is positioning the right way to move things around the page?
Is this the correct way to do it? My container is up above because I used position relative and top: 10rem to bring the button down
1 Reply
Not in this case. Here, your parent container to the button should have something like
margin-top:10rem or padding depending on the rest of the layout as both will do different things.
Position absolutely and relative absolutely have their purposes and will be used quite regularly, but their use should be a lot more nuanced and calculated as it will affect the rest of the elements positioning on the page.
https://youtu.be/P6UgYq3J3QsKevin Powell
YouTube
CSS Positioning: Position absolute and relative explained
CSS positioning properties can be a pain to understand. In this video, I look at the basics of Position Absolute, and how it's affected when we add Position Relative to a sibling and parent elements.
Understanding how absolute positioning works in CSS will give you a huge boost to what you can accomplish in your designs!
CodePen to follow alon...