One of the borders cannot be seen

HTML-CSS
1

I Need help with my work.

I have three social media icons. Twitter, Github and freeCodeCamp.

If you noticed on freeCodeCamp, the right border is not visible.

how can I make it visible?

2

Your social div is too small to contain all the a elements. It doesn’t have a width defined so if you give it a width of 350px it should sort it out and not affect the page.

I’m sure there’s a css property to fix it more appropietely like content-wrap or overflow but setting a width is the quickest way to do it I think.

1 Like
4

Thanks MarioLema,

Problem solved. But how did you know that 350px is the width?

5

I used the browser inspector, your right border was there but hidden. When I gave a border to the social div it was clear it was too small for what was inside and then it was just a trial-error giving it different widths. I’m finding the inspector more and more useful as I go along, great tool.

1 Like
6

Great!

Thanks again for the solution.