Comment by Rodrigo Garcia on "HTML/CSS : From beginner to practitioner"

My advice would be... try not to use Bootstrap. Why? Because bootstrap has predetermined classes and styles, that are the ones probably making your life imposible at the time of PSD translation. Try to make the grid once in a while, when you understand the logic behind a grid, you'll know when Bootstrap is useful and when is going to be a pain in the azz.

As @mgiambanco said, Practice, practice and practice... and when you've finished practicing, practice a bit more. Try learning from places like tutsplus, leveluptutorials, lynda.com, etc.

And to answer your problem, you didn't had to change the position nor top to make the border disappear, you could've just change the border size to 0 or make it transparent when :hover or :focus is on.

Also avoid at all cost using images for buttons, icons, etc. If you can use SVG use them, but do not treat them as img ( <img src="/img/icon.svg"/> ), and use the SVG code, loads faster. When I do something with a PSD reference, I don't slice. Why? because is a waste of time. Every designer that wants a pixel perfect site, I can almost guarantee you that the design will not pixel perfect and not missing the grids or position by 1 or 2px but by a lot more. Also if they want that, they should handle the pixel perfect design for every fokin breakpoint, which they will not do that. It is kind of useless to make something pixel perfect, cause there are a lot, a lot, of screen sizes, and each year the screen sizes changes in some kind of way. So don't listen a pixel perfect condition, and talk them that doing a pixel perfect web will take the double or triple the time to develop, and that you should have every screen size design, also with exceptions like not being a full width design, etc.

And yeah, don't use plugins like PSD to html5. Those add a lot of useless html and could make you work a lot, that's the same reason I don't like a lot working with Bootstrap, you have to add a lot of html, to use or position everything.

Search Hashnode