Since 2 days, I’m working on a tribute page, and I got stuck. Here’s what I got:
As you can see, I’ve decided to avoid frameworks like Bootstrap and build everything “from scratch”, to get more experience.
- Why the bottom margin of h2 in header section overflows to the below section?
- The same is in #important-facts with top margin of h1 - it overflows to the above section. Although, in the .interjection everything works like a charm.
- Image in the header resizes itself on mobile devices, but I have no idea why.
- As you can see, I’ve used Font Awesome to add some icons to the links. On mobile devices, these icons overflows to text following them.
Points 3 and 4 are visible only in debug mode, not in the editor mode, so I think it must be something in the browser presets, but I have no idea what. I’ve made a screenshoot to show you what I’m talking about [LINK].
I will be extremely thankful for any suggestions.