Make website logo into a HOME link

HTML-CSS
1

I´m making my personal portfolio website, and in the top left corner of the site there is a logo inside a nav element. This nav element has Flexbox assigned to it, and I assume this is causing me some trouble. Whenever I try to wrap an a tag around the image that is my logo, my logo disappears. I´m trying to get my logo clickable, so when anyone clicks it, the page will scroll all the way to the top of the site. Is there an easy way to fix this, or will I have to get rid of Flexbox on the nav element, and set it up another way?

Here´s the link to my Codepen project.

2

Try adding this to your CSS. It seemed to work for me.

#navbar a img {
  width: 100%;
}
1 Like
3

Thanks a lot @avidler! That did the trick!