Шумейко Евгений #106
Шумейко Евгений #106
Conversation
|
🍏 Пройден линтинг и базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
There was a problem hiding this comment.
🍅
Привет! Классно получилось)
А как же вертикальный текст?
А цитаты? Для них нужно использовать семантичный тег.
Будет круто, если реализуешь настройку темы и параметров текста через элементы input
Старайся избегать селекторов по тегу. Селекторы класса позволят сделать твою вёрстку более контролируемой
| border-bottom: 1px solid #000; | ||
| } | ||
|
|
||
| div.title |
There was a problem hiding this comment.
Тег в селекторе класса можно не указывать
| { | ||
| width: 130px; | ||
| height: 90px; | ||
| text-align: center; |
There was a problem hiding this comment.
Правило дублируется, нужно вынести в отдельный класс или сгруппировать селекторы
|
|
||
| .big-col | ||
| { | ||
| width: calc((100% / 3) * 2); |
There was a problem hiding this comment.
При использовании CSS-свойств обращай внимание на поддержку браузерами. На правах рекламы могу порекомендовать ресурс https://caniuse.com
| word-break: normal; | ||
| text-align: justify; | ||
| font-family: Arial, sans-serif; | ||
| font-size: 14px; |
| { | ||
| font-family: Arial, sans-serif; | ||
| font-style: italic; | ||
| text-align: center; |
| </div> | ||
| <div class="main-title"> | ||
| <img src="https://upload.wikimedia.org/wikipedia/commons/5/58/NewYorkTimes.svg" | ||
| title="The New York Times" alt="The New York Times"> |
| VOL. CLXVIII . . . No. 58,124 | ||
| </span> | ||
| <span class="company"> | ||
| © 2018 The New York Times Company |
Посмотреть решение