уже с самого начала хотела написать коммент, что этот видеоурок очень интересный. На 10:46 пишу "ВАУ"!!!))) Очень классные и мегаполезные уроки! Андрею огромный респект за них!
В данном видеоуроке на 6:55 в файле css в 7 и 8 строках опечатки, если я правильно понимаю. Так как у нас нет в коде html тегов "aside1" и "aside2", то в 7 и 8 строках файла css правильнее было бы указать теги "aside" или их классы ".as1" и ".as2"? Или разницы нет?
ВАУ!! на 11 минуте кокнуло) очень интересно и понятно!
Спасибо огромное за ваш труд, Андрей! :)
уже с самого начала хотела написать коммент, что этот видеоурок очень интересный. На 10:46 пишу "ВАУ"!!!))) Очень классные и мегаполезные уроки! Андрею огромный респект за них!
Spasibo Andrey .Chetko objyasnyaete, Ya sleju za vashey lentoi, stavly laiki :)
в домашке поместила среднюю часть в отдельный контейнер и пришлось помучаться. Вопрос решен, спасибо за знания ^-^
Супер, дякую!
Супер!
Спасибо огромное за уроки
ДЗ
HTML
Dz-Grid2
Header
Main content
Link 1
Link 2
Link 3
Link 4
Link 5
PR and eth
Copyright
CSS
body{
display: grid;
max-width: 1080px;
margin: 0 auto;
text-align: center;
font-size: 2em;
font-weight: bold;
font-style: italic;
grid-template-areas: "header header header"
"aside1 article aside2"
"aside1 article aside2"
"aside1 article aside2"
"aside1 article aside2"
"aside1 article aside2"
"footer footer footer"
}
header, article, .aside1, .aside2, footer{
border: 1px solid green;
}
header{
grid-area: header;
}
article{
grid-area: article;
}
.aside1{
grid-area: aside1;
}
.aside2{
grid-area: aside2;
}
footer{
grid-area: footer;
}
aside1 и aside2 должны быть в два раза меньше чем article
Лайк
В данном видеоуроке на 6:55 в файле css в 7 и 8 строках опечатки, если я правильно понимаю. Так как у нас нет в коде html тегов "aside1" и "aside2", то в 7 и 8 строках файла css правильнее было бы указать теги "aside" или их классы ".as1" и ".as2"? Или разницы нет?
Спасибо!
Спасибо
мега полезные уроки по книжке
Для тех, кто даже книжку осилить не может
@@andrievskii ну зачем ты так? Я ее один раз прочитал и теперь мне интересно посмотреть ее в таком формате
где книжку найти? спс
@@BilliK1000 купить или скачать
Link please )))
Спасибо за урок.
Домашка.
Только учусь.
Код кривоватый.
Скижете, что нужно исправить, чтобы сделать код меньше?
HTML:
Д/З
Шапка сайта(логотип и все такое)
Ссылка 1
Ссылка 2
Ссылка 3
Ссылка 4
Ссылка 5
Основное содержание
Реклама и
все такое
Блок копирайта
CSS:
.container {
display: grid;
background: #fcfccf;
max-width: 1080px;
margin: 0 auto;
margin-top: 60px;
text-align: center;
color: black;
font-size: 2em;
height: 666px;
font-weight: bold;
font-style: sans-serif;
grid-template-areas: "header header header header"
"aside1 article article aside2"
"aside1 article article aside2"
"footer footer footer footer";
}
header, nav, article, .as1,.as2, footer {
border: 1px solid black;
}
header {
grid-area: header;
}
header > p{
margin-top: 45px;
}
article{
grid-area: article;
}
article > p{
margin-top: 160px;
}
.as1 {
grid-area: aside1;
position: relative;
}
.as1 > p {
margin-top: 40px;
}
.as2 {
grid-area: aside2;
}
.as2 > p {
margin-top: 140px;
}
footer {
grid-area: footer;
}
footer > p {
margin-top: 30px;
}
Здравствуйте, гриды больше нравятся чем флексы) уроки отличные спасибо за них) надеюсь кто нибудь проверит у меня ДЗ)
grids
header
drota
drota1
drota2
reklama
footer
CSS
grids
header
drota
drota1
drota2
reklama
footer
как сделать соотношение article к aside 2/1?
Создать три колонки и двум задать артикле, а эсайду одну. А вообще я все это в 10 видео этого плейлиста показывал
так в этих блоках остается название этих тегов, как их убрать потом и заполнить своим контентом?
Просто убираешь и заполняешь своим контентом )
Я не могу понять, зачем писать grid-area aside1; grid-area aside2; если при их отсутствии ничего не меняется?
0 дизлайков)
Ну так старался