Бабушкина Анастасия #22
Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
В firefox котейки разъехались: |
|
Меню едет, если уменьшить ширину экрана |
|
Не такая длина левой колонки, должна быть вровень с последней фоткой |
|
Футер нечестно прибит. У меня появляется скролл, если удалить котиков, а футер только если проскроллить вниз. Надо без скролла при маленьком контенте |
| </head> | ||
| <body> | ||
| <h1>Бабуленькины котятки</h1> |
| </section> | ||
| </div> | ||
| <div class="rating"> | ||
| <h2>РЕЙТИНГ</h2> |
There was a problem hiding this comment.
Можно не писать капсом в html, а в css задать text-transform: uppercase;
| <input type="checkbox" id="rating_input"> | ||
| <div class="position second"> | ||
| <p>Абиссинская</p> | ||
| <div class="count c9"></div> |
There was a problem hiding this comment.
Плохо, что появляются пустые элементы в html. Можно попробовать сделать то же самое с помощью :before
|
|
||
| .type_selectors | ||
| { | ||
| display: flex; |
There was a problem hiding this comment.
В этом меню можно и не использовать флекс. Если его убрать, ничего не поменяется
| padding-top: 20px; | ||
| padding-left: 16px; | ||
| border-bottom: 1px solid #d3d3d3; | ||
|
|
|
|
||
| .count | ||
| { | ||
| display: flex; |
|
|
||
| label[id='rating_label'] | ||
| { | ||
| display: flex; |
There was a problem hiding this comment.
И здесь не нужен flex. Не нужно усложнять css, расположить текст по центру и без флексов легко )
|
🍅 Есть версточные баги, и не везде совпадает с макетом. Жду правок |
Посмотреть решение