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;
}