Форум Сайтостроение Веб-строительство

CSS Grid вопрос

R
На сайте с 12.07.2005
Offline
156
ryzubex
294

начал изучать CSS Grid, попробовал пример:

<!doctype html>
<title>Example</title>
<style>
body {
display: grid;
grid-template-areas:
“header header header”
“nav article ads”
“footer footer footer”;
grid-template-rows: 60px 1fr 60px;
grid-template-columns: 20% 1fr 15%;
grid-gap: 10px;
height: 100vh;
margin: 0;
}
header, footer, article, nav, div {
padding: 20px;
background: gold;
}
#pageHeader {
grid-area: header;
}
#pageFooter {
grid-area: footer;
}
#mainArticle {
grid-area: article;
}
#mainNav {
grid-area: nav;
}
#siteAds {
grid-area: ads;
}
</style>
<body>
<header id=”pageHeader”>Header</header>
<article id=”mainArticle”>Article</article>
<nav id=”mainNav”>Nav</nav>
<div id=”siteAds”>Ads</div>
<footer id=”pageFooter”>Footer</footer>
</body>

по идее должно выводится так - http://prntscr.com/sbkd9x

но у меня почему то это выглядит так? - http://prntscr.com/sbkdx5

в чем ошибка?

Samail
На сайте с 10.05.2007
Offline
365
Samail
#1 

“header header header”

“nav article ads”

Кавычки “ и ” на " поменяйте, в нескольких местах они там.

R
На сайте с 12.07.2005
Offline
156
ryzubex
#2
Samail:
“header header header”

“nav article ads”

Кавычки “ и ” на " поменяйте, в нескольких местах они там.

спасибо 🍻 я уже и сам догадался

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий