Tribute page help - remove gap between divs?

Tribute page help - remove gap between divs?
0
#1

Hi,

Working on my very first project, I cant seem to remove the ‘gap’ between these two divs:

Feel free to comment/give feedback on anything else also, its a working progress but i’d love some feedback!

#2

Before I provide an answer, have you tried using the dev tools that come with your browser? The inspect element tool provides a lot good information about your elements.

It provides a layout model as well as the current css selectors which are associated with the element. Try bringing it up (ctrl+alt+k for firefox or ctrl+alt+j for chrome) and use the Inspector tool on the h1 tag with the class project-name and see if you can spot the culprit with the gap.

#3

Hi Dan,

Thanks for pointing me in the the right direction, I used the dev tools as you suggested and ended up adding margin:0px; which has solved the issue.

I’m a complete beginner at this but really enjoying this first project- I’m learning so much!

Appreciate the help :grinning:

1 Like
#5

C’mon now, let’s use some constructive criticism here.

#6

No problem! You find out quickly how useful the tool is in your work!

#7

Moving your buttons on hover like that is bad idea. You should consider alternatives. Here is why:
Peek%202019-02-12%2021-36
I am not clicking it.
Also, I agree that your CSS is bloated. I see there transitions and animations that are not even used, but still placed on components for no reason.

#9

This isn’t constructive criticism. You literally poked holes into this poor guy’s ability at the beginning of your post.