Extra space, missing space and breakpoint adjustment
This is an attempt to practice building a very basic blog for the first time. (Mostly for grid practice).
Code: https://codepen.io/Mcoding-300/pen/JojOKGB borders included so that you can see what’s going on
What do you think is the most recommended way to fix these issues?
Please be specific
1. When resizing the page smaller the extra space on each side of the paragraphs and image seem to disappear until about the media query point. It would probably be better to keep some space on the sides of it as it resizes. How could that be done?
2. I don’t think I’ve chosen the right max-width to the aside for it to become hidden. How do you think I could change this so that it disappears at a place when there’s a bit of space between the main content when the page is resized smaller?
3. When resizing the page the footer gets a lot of extra space at the bottom and after that there is even more space
Code: https://codepen.io/Mcoding-300/pen/JojOKGB borders included so that you can see what’s going on
What do you think is the most recommended way to fix these issues?
Please be specific
1. When resizing the page smaller the extra space on each side of the paragraphs and image seem to disappear until about the media query point. It would probably be better to keep some space on the sides of it as it resizes. How could that be done?
2. I don’t think I’ve chosen the right max-width to the aside for it to become hidden. How do you think I could change this so that it disappears at a place when there’s a bit of space between the main content when the page is resized smaller?
3. When resizing the page the footer gets a lot of extra space at the bottom and after that there is even more space
