Бабич Людмила#76
Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
| <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Ultra" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet"> |
There was a problem hiding this comment.
❗️ Здорово! Но попробуй ещё какой-нибудь шрифт подключить через font-face
| </head> | ||
| <body> | ||
| <img src="images/logo.png" height="120" class="fig" alt="Logo"> | ||
| <div class="block-2"> |
There was a problem hiding this comment.
Для отдельных больших цитат обычно используют тег <blockquote>
| коллег по цеху.</q><br><br> | ||
| Артемий Лебедев | ||
| </div> | ||
| <header class="news-header-small">Новости дизайна</header> |
There was a problem hiding this comment.
❗️ Скорее это все один header, но в нем 2 заголовка)
| <hr class="main"> | ||
| <main> | ||
| <section> | ||
| <header class="article-header"> |
There was a problem hiding this comment.
❗️ Здесь тоже заголовок, а не хедер страницы
| </div> | ||
|
|
||
| </article> | ||
| <img src="images/gray.png" width="410" class="fig" alt="gray"> |
There was a problem hiding this comment.
❗️ Здесь img лучше добавить в figure и при желании добавить figcaption. Также у изображений необходимо ещё указывать title
| { | ||
| font-family: 'Playfair Display SC', serif; | ||
| font-size: 20px; | ||
| text-align: center; |
There was a problem hiding this comment.
❗️ Это правило не работает для второго заголовка
|
|
||
| article:first-letter | ||
| { | ||
| font-family: 'Playfair Display SC', serif; |
There was a problem hiding this comment.
❗️ Все 3 правила объединяются в правило font
| background: #696969; | ||
| color: white; | ||
| display: inline-block; | ||
| float: right; |
There was a problem hiding this comment.
❗️ Зачем совмещать здесь разные способы построения колонок? Давай обойдемся здесь без float
| font-family: 'Oranienbaum', serif; | ||
| } | ||
|
|
||
| .block-1 |
There was a problem hiding this comment.
❗️ По названию непонятно, чем хорош этот блок-1
| font-family: 'Oranienbaum', serif; | ||
| } | ||
|
|
||
| aside |
|
❗️ В Firefox столбцы немножко сдвинулись |
|
❗️ При разрешении 1280*960 столбцы тоже немного наезжают друг на друга в Chrome |
|
❗️ Edge думает, что здесь должна быть ещё одна колонка |
|
❗️ В Edge одна колонка накрывает другую |
|
Привет! В целом, хорошее решение, но есть некоторые замечания касательно семантики тегов и отображения. Молодец, что добавила мягкие переносы строк и использовала большое количество шрифтов. Обязательные для исправления замечания пометил "❗️". По всем вопросам можешь писать здесь или в слаке |
|
🍅 |
3 participants
Посмотреть решение