Бабушкина Анастасия #10
Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 |
|
| <input checked name="page" type="radio" class="page1"> | ||
| <input name="page" type="radio" class="page2"> | ||
| <input name="page" type="radio" class="page3"> | ||
| <div> |
| <input name="page" type="radio" class="page2"> | ||
| <input name="page" type="radio" class="page3"> | ||
| <div> | ||
| <img class="grandmother" src="картинки/бабушка.png" |
| <div> | ||
| <img class="grandmother" src="картинки/бабушка.png" | ||
| alt="Бабушка Галя"> | ||
| <div class="fstpage"> |
| <div class="harvest"> | ||
| <img class="image" tabindex="0" src="картинки/капуста.jpg" | ||
| alt="большая капуста"> | ||
| <span class="description"> |
| { | ||
| right: 20px; | ||
| position: fixed; | ||
| height: auto; |
|
|
||
| .image | ||
| { | ||
| height: auto; |
There was a problem hiding this comment.
Вот у картинки height: auto; нужен потому что картинки не квадратные, без него они сильно растягиваются
There was a problem hiding this comment.
Потому что нужно одно из двух, либо атрибуты, либо размеры в CSS
|
🍅 |
|
По поводу firefox, не поняла, у меня открывается |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 исправила замечания. Теперь картинка не прыгает, а увеличивается |
|
Выглядит хорошо ) Будет еще круто, если картинка не будет исчезать с заднего фона при клике на нее |
|
🚀 |
Не исправлено, в дополнение хочу заметить, что показывается подсказка в полноэкранном режиме. Надо исправить |
| body | ||
| { | ||
| width: 100%; | ||
| height: 100%; |
There was a problem hiding this comment.
Позиция у страниц у меня фиксированная, прокрутку я убрала, и для того что бы при наведении на картинку описание отображалось полностью, а не частично, я задаю 100% высоту
| height: 100%; | ||
| font-family: 'Helvetica Neue', Helvetica, sans-serif; | ||
| margin: 20px; | ||
| overflow: hidden; |
There was a problem hiding this comment.
Выглядит как пляска под решение, а если эта галерея будет компонентом на странице, то что?
There was a problem hiding this comment.
Не совсем понимаю что не так, margin?
|
|
||
| .image | ||
| { | ||
| height: auto; |
There was a problem hiding this comment.
Потому что нужно одно из двух, либо атрибуты, либо размеры в CSS
| input[type='radio'].page3:checked ~ main .firstPage, | ||
| input[type='radio'].page3:checked ~ main .secondPage | ||
| { | ||
| display: none; |
There was a problem hiding this comment.
Не понятно почему это не объединено с предыдущими двумя
Посмотреть решение