Лебедев Никита #33
Лебедев Никита #33
Conversation
|
🍏 Пройден линтинг и базовые тесты |
| display: inline-block; | ||
| vertical-align: top; | ||
| margin-right: 12px; | ||
| margin-bottom: 10px; |
There was a problem hiding this comment.
Можно записать кратко, но не обязательно
| vertical-align: top; | ||
| margin-right: 12px; | ||
| margin-bottom: 10px; | ||
|
|
There was a problem hiding this comment.
А вот от пустых строчек лучше избавиться
| .card:hover | ||
| { | ||
| box-shadow: 1px 4px 8px 0 rgba(0,0,0,.3), 0 6px 20px 0 rgba(0,0,0,.29); | ||
| transition: all 400ms ease-out; |
| { | ||
| font-size: 1.5em; | ||
| display: block; | ||
|
|
| { | ||
| color: #a52a2a; | ||
| font-size: 1.5em; | ||
| margin-right: 4px; |
| .photo | ||
| { | ||
| display: block; | ||
| filter: grayscale(.4) brightness(.8); |
|
|
||
| .photo | ||
| { | ||
| display: block; |
| { | ||
| display: block; | ||
| width: 100%; | ||
|
|
| margin: 10px 0; | ||
| width: 250px; | ||
| text-align: center; | ||
|
|
| -moz-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
|
|
|
Почитай про алгоритм выравнивания по ширине Вот тут есть крутой хак и хорошее описание |
|
Здорово, что сделал анимации по наведению. |
|
🚀 |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
Общепринятый паттерн что картинка так же является ссылкой и по наведению на картинку ссылка подсвечивается (обратное тоже верно) сделаешь? |
| <div class="description">Ленивый домашний кот, 4 месяца, приучен к лотку. | ||
| Питается сухим кормом.</div> | ||
| </div> | ||
| <!-- |
There was a problem hiding this comment.
В чём сакральных смысл этих пустых комментариев?
There was a problem hiding this comment.
Они нужны, чтобы не было промежутков между inline-block элементами
(они просто сломались при форматировании)
| .link | ||
| { | ||
| font-size: 1.5em; | ||
| display: block; |
There was a problem hiding this comment.
Делать ссылки блочными плохо, потому что появляются пустые места, которые при этом являются ссылками
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
Из фразы
не реализована часть
🍅 |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 |
|
Из фразы
Не реализована часть «обратное тоже верно» |
|
🍅 |
Посмотреть решение