Cannot resize logo images in CSS

HTML-CSS
1

I’m working on my product landing page but for some reasons I can’t get the images I’m using for logos to resize and I have no clue what I’m doing wrong. Please help. https://codepen.io/Smellbringer/pen/XWjNGEx

2

You don’t have any CSS.

3

I had stuff but deleted it in frustration when it literally did nothing.

4

You can use max-width to make the image’s size responsive.

5

Not working, don’t know if the issue is how I wrote the HTML or what.

6

Hi, I have viewed your codepen. Try using the header-img id in your <img> instead of the logo class in your <div> that is:
#header-img {
 max-width:50px;
 height:auto;
}

7

Thank you so much, you have been of great help.