title: I have trouble changing the size of my image on HTML & CSS
body: <pre><code>&lt;div class="profile"&gt;
    &lt;img src="image/JaeHeadShot.jpg" alt="Head Shot"/&gt;
    &lt;h1&gt; Jae Hong &lt;/h1&gt;
  &lt;/div&gt;
  
  .profile{
    border: 2px solid rgba(0,0,0,0.3);
    text-align:center;
    padding: 30px;
  }
  img.profile{
    width:423;
    height:281;
  }
  </code></pre>
  
  <p>Here are my HTML and CSS. I am not sure what I'm doing wrong, but the image won't get smaller. However, if I do </p>
  
  <pre><code>&lt;img src="image/JaeHeadShot.jpg" alt="headshot" width="423" height="281"/&gt;
  </code></pre>
  
  <p>the image seems to change. I just want to know why it's not working when I work on the CSS.</p>
  
  <p>Appreciate your help!</p>