Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
index.css
Outdated
| @import url(https://fonts.googleapis.com/css?family=UnifrakturCook:700); | ||
| @import url(https://fonts.googleapis.com/css?family=Fira+Mono:400,700); | ||
| @import url(https://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic); | ||
| @import url(https://fonts.googleapis.com/css?family=Bree+Serif); |
There was a problem hiding this comment.
это хорошо, но давай попробуем подключать шрифты с помощью font-face. И не забудь про то, что они должны быть кроссбраузерными
| h4, | ||
| h5, | ||
| h6 | ||
| { |
There was a problem hiding this comment.
Лучше класс, потому что, например ты напишешь такой код
{
width: 100px;
height: 100px;
margin-top: 10px;
}
И все картинки на твоей странице будут такого размера и с таким отступом сверху. А чаще всего, на странице картинки разных размеров, и удобно выделять их в классы и задавать уже каждому классу нужные параметры. Так ты во первых, сразу знаешь, где искать если что ошибку. Во-вторых, если ты будешь использовать и классы и теги, то как ты надеюсь помнишь, у тега меньше специфичность, и можно очень легко и много сделать ошибок если использовать и то, и другое. А чаще всего совсем без классов не обойтись
|
как-то странно выглядит. Давай либо на обеих строках такой отступ, либо совсем без него |
| -moz-column-rule: 2px solid #000; | ||
| } | ||
|
|
||
| .first-img |
There was a problem hiding this comment.
кратинкам надо задавать размер, чтобы браузер знал, сколько места под них оставлять
|
кажется это такой шрифт, но тоже странненько смотрится |
|
смотрю в firefox: |
|
привет! |
|
🍅 |
|
🍏 Пройден линтинг и базовые тесты |
1 similar comment
|
🍏 Пройден линтинг и базовые тесты |
| } | ||
|
|
||
| header | ||
| { |
There was a problem hiding this comment.
не пишем стили к тегам, создай для этого класс
| со­стя­за­ни­ем Фе­де­ра­ции в 2016 го­ду». | ||
| </p> | ||
| </div> | ||
| <h3 class="head3">Федерация компьютерного спорта — это еще что?</h3> |
There was a problem hiding this comment.
если у тебя вся газета - это одна статья (а это так, судя по разметке), то теги заголовков (h2, h3, h4, h5, h6) правильно использовать так: h2 ты правильно использовал для названия статьи. Остальные нельзя тут использовать, потому что ты с их помощью просто выделяеь визуально текст. Либо разбей это на несколько маленьких статей и каждая с таким заголовком, либо создавай классы и с их помощью выделяй какие-то фразы
| -moz-column-rule: 2px solid #000; | ||
| } | ||
|
|
||
| .first-img |
| font-family: 'NewRocker', cursive; | ||
| } | ||
|
|
||
| article |
| align-content: center; | ||
| } | ||
|
|
||
| .first |
There was a problem hiding this comment.
имена классов должны быть говорящими. Что за first? первый сталбик? первый абзац? первый заголовок?
| text-indent: 20px; | ||
| } | ||
|
|
||
| img |
There was a problem hiding this comment.
- используй класс
- про размеры картинок не забывай
| border-top: 1px solid #000; | ||
| border-bottom: 1px solid #000; | ||
| font-family: 'IM FELL English PRO Roman', serif; | ||
| font-size: 32px; |
There was a problem hiding this comment.
а почему везде только точные значения шрифта? попробуй еще использовать em
| font-family: 1.1em 'Bree Serif', serif; | ||
| line-height: 20px; | ||
| padding-top: 10px; | ||
| float: right; |
There was a problem hiding this comment.
это задание нужно выполнять без плавающих элементов
|
|
||
| .more | ||
| { | ||
| font: 1.1em 'IM FELL English PRO Roman', cursive; |
There was a problem hiding this comment.
Олег рассказывал вам, что нужно стили, в которых указывается шрифт писать как можно раньше. Потому что браузер не начнет загружать шрифт до тех пор, пока не встретить с ними стили. Поправь везде пожалуйста
|
🍅 |
|
пиши пожалуйста в slack. А то видишь как долго получается |
|
и вот еще много пустого места |
3 participants
Посмотреть решение