AlexZaw

На мой взгляд слишком большая шапка, хотя может это так в макете. Для чего при наведении на ракету в шапке появляется рука, как будто на элемент можно кликнуть? Мобильное меню на десктопе как то не очень, даже не сразу сообразил что это меню, но опять же может дизайн такой. Третий экран (WATCH BEHIND THE SCENE) вот тут, по идее, должна быть кликабельная кнопка "play now". Экран с красными прямоугольниками это что? По идее там должнен быть либо слайдер с фотографиями, либо что то подобное, и все это откликается на ссылки над этим блоком. Да, слайдер ниже по идее тоже должен быть кликабелен. Блок со скилами - почему у скилов проценты разные, а индикаторы все на одном уровне? Blog post - ну ладно поленились искать фотографии, но функционал то надо было реализовать... На фотографии должны быть как минимум два интерактивных элемента, а вместо этого они сами являются частью картинки.... Choose plan - при наведении на какой либо тарифный план он дергается, но в принципе можно считать за фишку а не за баг. Но вот курсор, по идее, должен меняться при наведении на кнопку, а не на всем блоке. Кстати почему все кнопки сделаны картинкой? Неужели сложно было сделать с помощью css? Да, и откуда у тега img взялся атрибут href??? Ну и на закуску - шрифты у вас не подключаются. ЗЫ. Хотел посмотреть верстку, но когда увидел что верхний слайдер состоит из картинок решил поберечь нервы.... ЗЗЫ. Если это первый опыт после недолгих занятий то неплохо, но, как завещал дедушка Ленин - учиться, учиться и еще раз учиться!

Кнопочку наверх починили, спасибо, а можно еще кнопочку которая пролистывает к последнему сообщению в теме? Ну или хотя бы вниз страницы Иногда бывают очень длинные ответы и скроллить вручную/тянуть за ползунок/нажимать на кнопку цитата не совсем удобно зы. то ли форум колбасит, то ли мой браузер - половина смайлов в два раза больше по размеру

А если разделить container на две части по 50% и block-center просто прижать к левой части? Ну или не мучиться, а выравнивать его с помощью js ? Хотя в любом случае может возникнуть ситуация когда количество текста в block-1 в сочетании с размером шрифта сыграют злую шутку и элементы наложатся друг на друга

Насколько я помню jQuery - $(".popup_block") возвращает вам коллекцию элементов, а так как элементов с таким классом на странице несколько то $(".popup_block").show(); показывает вам последний из найденных элементов

Сделайте кнопочку "наверх", иногда ее не хватает

Все спаны в див .wrap (каждый в свой разумеется) .story li span{ display:inline-block; font-size:17px; color:#fff; font-weight:500; background-color: rgba(53,32,117,1); padding: 5px 0; width: 100%; }

На будущее - выкладывайте код в виде текста а не картинок, никто не будет вручную перепечатывать ваш код что бы что то проверить. Теперь по теме: Когда у вас увеличится кол-во контента - футер сам опустится вниз, если вам нужно прижать футер к низу при малом количестве контента - прижать футер. Хотя судя по коду, вам еще рано об этом задумываться. зы. id="1" это плохо

Мне кажется ms code просто обрезает пробелы в начале строки, а в случае с Synwrite вы при выделении кода просто не выбрали пробелы перед .show1-inner, отсюда и лишний отступ у паддинга. Насколько я понял вам нужно чтобы при копировании кода у вас автоматом делался реформат? Если это так то вряд ли вы найдете не то что редактор но и IDE которые это бы делали, так как форматирование кода налету будет отнимать очень много ресурсов, особенно при большом объеме кода. Для удобства реформата пользуйтесь горячими клавишами и ничего не нужно выделять.

Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing

Вот они и обновились, теперь на доске со своими примерами можно конечный результат видеть, а не только код. Это они хорошо сделали, а вот то что на светлой теме курсор светлым оставили это плохо

Стилизовать то ее можно, кто мешает, да вы и сами в примере это делаете, а то что она раздвигает родителя, то даже не представляю в каком случае это может представить проблему

При фиксировании меню страница прыгает. Да, кстати помнится что в этом макете у кнопки "GET STARTED" на первом экране есть hover эффект.

Изменение свойств родителя возможно только через JS, по крайней мере сейчас, в css4 вроде обещали сделать такое, но в доках у них такого свойства нет <div class="wrapper"> <input id="press" type="checkbox" value="Жми"> </div> var wrap = document.querySelector('.wrapper'); document.querySelector('#press').addEventListener('click', function(){ if(wrap.hasAttribute('style')){ wrap.removeAttribute('style') }else{ wrap.style.margin = "auto" } })

У вас паддинги не учитываются, добавьте box-sizing:border-box для col-md-4

transition: box-shadow 0.6s; для блока .shadow

Потому, что тег body в коде встречается раньше. браузер нашел тег боди, смотрит для него стили, находит цвет шрифта, устанавливает. Затем находит тег <h2>, ищет стили для него, устанавливает. Доходит до тега <p>, ищет стили, не находит, но находит цвет шрифта у родителя, устанавливает. Вот как то так

т.е. если нужно сделать верстку пиксель перфект вы опять же оставляете дефолтные отступы и высчитываете их у того же h например?

И опять вы утрируете. Можно придумать кучу ситуаций когда нужны дефолтные стили, никто не говорит что нужно использовать сбросы везде и всюду. Вот вы сами, неужели вы сбрасываете отступы вручную?

Честно? Просто лень а так подключил reset, и готово, размеры в макетах, как правило, отличаются от стандартных и их все равно прописывать, как и отступы, так что зачем я буду сбрасывать стили вручную, если можно подключить один файлик. Поэтому я предпочитаю reset а не normilize Вот только утрировать не надо. В любом случае можно написать либо свой сброс стилей, либо подправить имеющийся.

Эммм, вот чтобы не было непонятно откуда взявшихся отступов и используют reset.css, который обнуляет всяческие отступы и приводит размеры шрифтов к одному значению. Нормалайз тоже обнуляет отступы, но не везде, плюс оставляет стандартные размеры заголовков, плюс вносит какие то правки чтобы элементы в разных браузерах выглядели одинаково. более детально можно посмотреть в самих файлах. Так что не вижу ничего плохого в том что бы их использовать.

Обоснуйте

<p> на самом деле много чего может содержать, но вот другой <p> действительно не может

Можно попробовать и на css написать с помощью input:checked, прозрачности и позиционирования, но лучше на JS все-таки

Так и задайте ul{font-size:40px}, только если у вас в li будет лежать допустим <p> и для него будет установлен font-size:10px, то вы эти 10 пикселей не перебьете даже !important для ul. Если только писать цепочку типа ul>li>p, так что классы наше все

Посмотрите как у вас картинки называются crocodile.png.png и Desert.jpg.jpg а в html у вас crocodile.png и Desert.jpg