Алеся

Спасибо вам! Замечания проработаю.

Я выложила проект, чтобы опытные люди поделились советами как и что можно улучшить/изменить, а не для того, чтобы демонстрировать его с позиции супер масштабного и сложнейшего проекта. Мы здесь учимся и раздел "обсуждение работ" создан для получения советов, а не для сравнения или хвастовства. Возможно, я ошиблась, решив что этот сайт и данный раздел в частности созданы именно для этого. Учту.

В чём проблема верстать обычный шаблон, в котором есть знак копирайта? Он присутствует во многих пробных макетах. Это обычная реализация ПО ПРОБНОМУ МАКЕТУ. Моя работа от начала до конца. То, что в макете присутствует знак копирайта не означает, что вёрстка чужая. Раз вы считаете меня гуру, спасибо вам за такую высокую оценку.

Всем привет! Оцените, пожалуйста, лэндинг https://alesia-k.github.io/AXIT-template/. Не буду конкретно описывать на что хочу, чтобы вы обратили внимание. Как говорится, it's up to you. Буду благодарна советам, нахождению ошибок и конструктивной критике. Интересует как, на ваш взгляд, я реализовала гибкость конструкций при изменении объёма текста или подстановки других картинок, например. И в общем, хочется услышать мнение по любым моментам. Заранее спасибо!

Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/

Всем привет! Хотела бы представить свою работу новичка на обсуждение для получения конструктивной критики и/или советов, взглядов что можно улучшить или изменить, общее впечатление, конечно, тоже интересует. https://alesia-k.github.io/Tajam-template/ Обратите, пожалуйста, внимание на: - блок "MEET OUR AMAZING TEAM". Немного не нравится как смещаются item при наведении мыши, как будто немного дергаются. Так ли по-вашему это должно работать или такое поведение блока нужно изменить? - инпут "subscribe" в футторе. При клике на инпут, немного смещается и сам инпут, и рядом стоящая кнопка. Было бы классно, если бы подкинули идею как сделать, чтобы такого не было. - и почему-то при клике на <a href="tel:(+62)2122243333">(+62)21-2224 3333</a> не идет процесса соединения. Заранее спасибо!

Спасибо за ответ! Извините за дурацкий вопрос, ссылки "назад", "вперед" для слайдера не подходят? Спасибо!

Ребята, без вас никуда! Подскажите, пожалуйста, первый раз адаптирую и стилизую слайдер splide. Сам он работает, но как его стилизовать? В dev tools стилизация тех же стрелок отражается, но когда вношу их в css - не работает. Почему так? Как, например, тогда опустить ниже стрелки? Где устанавливать брейкпоинты и задавать им свойства? На сайте splide такая инфа по адаптиву. https://splidejs.com/guides/options/#breakpoints Вот типа того что-то пробую... https://jsfiddle.net/aqmuyhwd/

Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!

Скажите, а на какую позицию "слабо"? Неужели на джуна?

Спасибо за подсказки, кое-что убрала, но остались непонятки. Скажите, вот здесь https://jsfiddle.net/rcLfuowm/2/ ведь всё верно? Только при нажатии на ок появл. одна надпиcь you are under 18, остальные - нет. Так и должно быть? И здесь при отмене всё равно "good" почему-то https://jsfiddle.net/n6ucykLq/3/

Всем привет! Подскажите, пожалуйста, почему alert выводит 'you are under 18!', затем 'you are more than 18!', а 'you are 18!' пропускает. Имею в виду, если вводить 18, то ок, но если просто нажимать "ок", то как раз 'you are 18!' пропадает. https://jsfiddle.net/4murgp2c/6/ И вот здесь https://jsfiddle.net/4murgp2c/10/ при выборе "ok" alert не должен был предотвратить вывод следующего значения (bad), который по идее должен выводиться только при нажатии на отмену? https://jsfiddle.net/4murgp2c/12/ Здесь какая-то простая ошибка, но моему глазу не видна. Вписываю "you" good не появляется. Заранее спасибо. Такие, возможно, очевидные вещи не видны/не понятны начинающему.

Всё-таки прописав в пути две точки вместо одной src: url('../fonts/Lato-Italic.ttf'); всё заработало. Просто странно на другом проекте с одной точкой и в таком же порядке всё работало. Спасибо, что навели на мысль!

Доброго вечера! Подскажите, пожалуйста, в чем проблема неотображения скаченного шрифта? Путь к файлу, если что, проверила. Заранее спасибо! @font-face { font-family:"Lato-Italic"; src: url('./fonts/Lato-Italic.ttf'); } Его использование: .three-columns__item-radius p { text-align: justify; margin: 26px 20px 0 20px; font-family:"Lato-Italic"; }

Подскажите, пожалуйста, как можно исправить не работающий клик, в данном случае, по меню-бургеру. Срабатывает вместо этого hover. Заранее спасибо! <nav class="burger-menu mobile-open"> <button class="burger-menu__btn-mobile"> <i class="fas fa-bars"></i> <span>Menu</span> </button> <ul class="burger-menu__list"> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "contacts" }) </li> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "e-shop" }) </li> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "faq" }) </li> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "home" }) </li> </ul> </nav> var menuEl = document.querySelector('.burger-menu'); var btnEl = document.querySelector('.burger-menu__btn-mobile'); function toggleMenu() { menuEl.classList.toggle('open'); } btnEl.onclick = toggleMenu;

Спасибо за такой вариант! Т.к. у меня совсем мало опыта, не совсем понимаю как реализовать вашу идею в своём коде. Может подскажите на моём примере?

Подскажите, пожалуйста, что можно прописать, чтобы при уменьшении разрешения экрана колонки справа смещались вниз? Весь код в песочнице https://jsfiddle.net/fzbkeLyt/ Пробовала: Но не сработало. @media (max-width: 1200px) { .container { max-width: 970px; } } @media (max-width: 992px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: none; } }

Спасибо!

Спасибо огромное! Выручили! Ещё может вы увидите своим зорким взглядом почему с inputa facebook не снимается checked когда нажимаю на другие.

https://jsfiddle.net/h9Lse8gm/ Как-то так..

Что-то не сработало. Может причина в том, что у родителя тоже флекс?

Подскажите, пожалуйста, radio input с кнопкой выстроились горизонтально, нужно вертикально. Подскажите, пожалуйста, как преобразовать? Спасибо! <div class="voiting"> <span>How long have you...</span> <form method="post" action="#"> <label class="form__input"> <span>Youtube</span> <input type="radio" name="radio" value="youtube"> </label> <label class="form__input"> <span>instagram</span> <input type="radio" name="radio" value="instagram"> </label> <label class="form__input"> <span>facebook</span> <input type="radio" name="answer" value="facebook"> </label> <input type="submit" value="vote"> </form> </div>

Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul class="splid__list"> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Знакомства", "downPicturePath": "img/foo1.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Знакомства", "downPicturePath": "img/foo2.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Знакомства", "downPicturePath": "img/foo3.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Приколы", "downPicturePath": "img/foo4.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> <li class="splid__slid"> @@include('./partials/footer/_footer.html', { "caption": "Авто", "downPicturePath": "img/foo5.png", "text": "Отношения актеров в кино и реальной жизни" }) </li> </ul> </div> </div> <div class="foo__line"></div> <script> new Splid( '.splid', { type : 'loop', perPage: 1, speed: 2000, autoplay: true, interval: '3000', arrows: true, } ).mount(); </script> </div>

Подскажите, пожалуйста, как можно увеличить символ мнемоники в css? Font-size не работает. Спасибо! <div class="sign_left"></div> .sign_left::before { content: "\003C"; display: inline-block; color: rgb(192, 34, 34); }

Помогите, пожалуйста, разобраться как поместить картинку (серый фотик) на одном уровне со ссылкой. Спасибо! <li> <span> <a href="#"> @@include('./partials/last-news_container/_last-news_container.html', {"link": "Raul bids goodbye in style", "imgPath": "/img/gray camera.jpg"}) </a> </span> </li> В partials код следующий: <div class="unordered_list"> @@link </div> <div class="last-news_unorderedList" style="background-image: url('@@imgPath');"> </div> .last-news_unorderedList { line-height: 28px; font-size: 13px; } .last-news_unorderedList span:after{ content: ""; display: inline-block; width: 20px; height: 15px; position: absolute; background-image: url("./img/gray camera.jpg"); background-repeat: no-repeat; background-size: contain; background-color: white; //z-index: 7; }