Сергей Зеленский

нельзя псевдоэлемент в input

Учитесь самостоятельно, как можно больше практикуйтесь, ищите сайты которые вам нравятся, пытайтесь сверстать подобные, и как говорят некоторые за месяц можно научиться базовым знаниям, подводные камушки научитесь огибать где-то через полгодика-годик, практикуйтесь и все получиться

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

https://developer.mozilla.org/en-US/docs/Web/CSS/M... читайте про orientation

Вам не нужен js гуглите адаптивная верстка.
Решение в лоб - у контейнера меню не задавать фиксированную высоту, тогда при смешении пунктов меню он растянется

вендорный префикс -moz-zoom

<div class="warning-ie"> Ваш браузер устарел!!!</div>

.warning-ie{
   font-size:30px;
   width:100%;
   height:100px;
   line-height:100px;
   text-align:center;
   color:#ff0000;
   background:#000;
   display:none;
}
.show{
 display:block;
}

if(detectIE()){
  document.querySelector('.warning-ie').classList.add('.show');
}

1) Выучить один из серверных языков, можно node.js ,можно php
2) Если нет времени и желания, найти такого же как и вы человек а, которых хочет наоборот заниматься бэкендом, и писать приложение вместе, за одно появиться опыт работы в команде.
3) вариант ,который предложил Сергей Протько

лучше использовать Flex если на поддержка старых браузеров не важна

Вообще вроде так делается

@media screen and (max-width: 720px) {
    .b-main-menu__item {
      line-height: 100px;
      background: green;
    }
}

Скачай Sublime text , в нем есть подсветка синтаксиса в отличии от блокнота, и есть разделение экрана ALT+SHIFT+5
прям как в jsfiddle

Бросить этим заниматься, если ты не можешь сам этим заниматься, навряд ли какие нибудь курсы помогут, нет волшебных курсов которые прошел, и сразу работать начал, как минимум год работы непрерывной, каждодневной, можно чередовать различные языки(например раз в 2 дня) , и вот тогда уже можно задуматься о работе, я устроился на первую работу через год , и думал что хорошо знаю phpразбираюсь, но нет, огромное количество знаний приходит с опытом, может ты буксуешь по тому что хватаешь не те куски информации, и понимание этой информации пока не доступно из-за отсутствия опыта, расскажи на чем конкретно буксуешь, что не понятно?

Google
набираю поисковые запросы за вас. Стоимость услуги 10 рублей/запрос.

Первый и адекватный вопрос зачем?

может покажите код? position у элемента на который z-index ставите?

Хм, странно, по логике вещей должен, а вы код сохранили, писали его вообще?
Давайте пример кода тогда можно будет помочь вам

Каждый тянет репку в свой огород, да на самом деле нет разницы особой писать можно в любом, больше зависит от уровня знаний и ваших потребностей, Emmet плагин удобный в большинстве редакторов можно поставить, да и куча плагинов подобных ему, но имхо phpStorm, NetBeans,PHPDesigner удобнее , так как это полноценные IDE с кучей вкусностей типа рефакторинга, автоформатирования по заданным правилам, встроенным отладчиком(кстати очень удобная штука), и еще уймой плюшек о которых человек порой не догадывается, так что решать все равно вам какой лучше, но советую делать выбор по потребности
Личный опыт :
Сначала на PhpDesigner
потом пересел на NetBeans
потом на Sublime Text
и сейчас на PhpStorm