@Alex-Archer-I
Posted
Hi! First of all - your solution is cool, and, yeah, quite similar to design =) Good that you are add * {margin: 0} - I always forget about it. Also you are using semantic tags which is great.
As for margin vs paddings it is really not a big deal in this example (except one thing called "margin collapse" which can be useful when you are familiar with it, but annoying at first). But when you'll stylize elements with visible borders and backgrounds padding will be needed to expand the inner space of element not for creating gaps. I mean stuff like inputs and buttons where you don't want text to stick to borders. Sorry, if you are already know about all this - I don't know on which level you are now.
As for me - I prefer flex and gap to create, well, gaps, but this is working only if you need equal gaps.
And also I want to tell you about img - it doesn't maintain it's proportions on small screen. Try to not indicate height, but only weight - it'll hold square proportions.
Well, I hope I told you something useful =) Keep doing great stuff and good luck!
Marked as helpful