Шмонина Ирина #39
Шмонина Ирина #39
Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 |
|
Мне не очень нравится эффект при наведении на фото. Начинает скакать текст и плитки, которые находятся ниже. Лучше не увеличивать размер шрифта и сделать так, чтобы плитки не перескакивали. Можно поискать более интересные эффекты для фоток, но это по желанию :) |
|
| <div class="cat"> | ||
| <h3>Даша</h3> | ||
| <img src="http://obretudom.ru/wp-content/files_mf/1478517418noidIMG_9882.JPG" | ||
| width="350" height="250" alt="cat1"> |
There was a problem hiding this comment.
alt не говорит ничего о картинке. Лучше написать "кошка Даша" или что-то в таком духе
| <h3>Даша</h3> | ||
| <img src="http://obretudom.ru/wp-content/files_mf/1478517418noidIMG_9882.JPG" | ||
| width="350" height="250" alt="cat1"> | ||
| <p><strong>Категория:</strong> котенок</p> |
There was a problem hiding this comment.
Зачем strong? Он предназначен для выделения важного текста, на котором нужно акцентировать внимание
| <span class="starEmpty">☆</span> | ||
| </p> | ||
| <p><strong>Цена:</strong></p> | ||
| <p class="сost">Бесплатно.</p> |
| text-align: center; | ||
| margin: 0; | ||
| padding: 0; | ||
|
|
| overflow: hidden; | ||
| text-align: center; | ||
| margin: 0; | ||
| padding: 0; |
There was a problem hiding this comment.
margin: 0; padding: 0; Встречается много раз. Можно объединить селекторы через запятую и один раз написать margin и padding, а не в каждом писать
| { | ||
| margin: 4px; | ||
| width: 20%; | ||
| float: left; |
There was a problem hiding this comment.
Эту задачу нужно решить без использования float. Можно сделать то же самое с помощью inline-block, если всё описание завернуть в еще один блок
|
🍅 |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🚀 |
|
|
|
|
|
у всех фотак нарущена пропорция |
|
🍅 |
|
🍏 Пройден линтинг и базовые тесты |
|
белое поле не куда не делось |
|
|
|
🍅 |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 |
|
Проблемы верстки:
|
| body | ||
| { | ||
| min-width: 550px; | ||
| margin: 2%; |
There was a problem hiding this comment.
Для чего задавать вертикальные марджины в процентах?
| .cat | ||
| { | ||
| width: 22.45%; | ||
| padding: 1%; |
There was a problem hiding this comment.
Зачем задавать вертикальные паддинги в процентах
| <header> | ||
| <h1>Мяндекс.Муррркет</h1> | ||
| </header> | ||
| <div class="cat"> |
| <br> | ||
| <h4>Цена:</h4> | ||
| <p class="newCost">Бесплатно</p> | ||
| <br> |
| <span class="starEmpty">☆</span> | ||
| <span class="starEmpty">☆</span> | ||
| </p> | ||
| <br> |
Посмотреть решение