CSS class container not working?

When I try to follow this tutorial: CSS Tutorial For Beginners - YouTube
The .container is not working. The css file is properly linked to the html file. i have tried with other elements but with .container the code is not running in chrome.
The file style.css in the same folder as the index.html.
html code:

<!DOCTYPE html>
<html>
  <head>
    <title>My portfolio</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class=”container”>
      <div>
        <img src="https://via.placeholder.com/150" />
        <h1>Fatima-Zahra Gattwinkel</h1>
        <h3>web development amateur</h3>
        <p>{The most powerful force in this world is "imagination"}</p>
      </div>

      <div>
        <h1>I am</h1>
        <ul>
          <li>A designer</li>
          <li>A reader</li>
          <li>An outdoor person</li>
        </ul>
      </div>

      <div>
        <h1>I like to</h1>
        <ul>
          <li>play video games</li>
          <li>learn new things</li>
          <li>go on rides</li>
        </ul>
      </div>

      <div>
        <h3>My Projects</h3>
        <img src="https://via.placeholder.com/300"/>
        <img src="https://via.placeholder.com/300"/>
        <img src="https://via.placeholder.com/300"/>
        <img src="https://via.placeholder.com/300"/>
      </div>

      <div>
        <h3>Links</h3>
        <ul>
          <li>
            <a href="https://www.instagram.com/fatimazahra.gattwinkel/">Instagram</a>
          </li>
          <li>
            <a href="https://vimeo.com/user137126110">Vimeo</a>
          </li>
          <li>
            <a href="https://www.linkedin.com/in/fatima-zahra-gattwinkel-41077222b/">Linkedin</a>
          </li>
      </div>

    </div>
  </body>
</html>

css code:

.container {
  max-width: 840px;
  margin: 0 auto;
}

Is the file style.css in the same folder as the index.html?

1 Like

yeah the file style.css in the same folder as the index.html

Try to replace these quotemarks.