shmatuan

https://codepen.io/anon/pen/ZmrJwW

let counter = 25;
setInterval(() => {
  if(getRandomArbitrary(0, 3) <= 2) counter++;
  else counter--;
  $("#counter").html(counter)
}, 2000)
function getRandomArbitrary(min, max) {
  return Math.random() * (max - min) + min;
}

sachinchoolur.github.io/lightslider/examples.html#...

$('#goToNextSlide').click(function(){
        slider.pause();    
    });

<span>about</span> сделать фиксированной ширины + добавить второй с другой стороны и сделать ему opacity: 0

<div class="abou__item">
  <span>about</span>
  <img src="img/about2.jpg" alt="">
  <span style="opacity: 0;">about</span>
</div>

Тогда этот блок будет всегда одинаковой ширины, с картинкой посередине

window.addEventListener('load', () => { 
  setTimeout(() => {
    document.getElementById("blockId").style.display = "block"
  }, 10000)   
})

скрываться для него на всех страницах на 1 неделю.

сохранить в localStorage время закрытия и смотреть, прошла ли неделя

Собственно событие которое ждёт загрузку всего
+ проверьте что не стоит async в <script>

window.addEventListener('load', () => {
    console.log('All assets are loaded')
})

.header{
  min-width: fit-content;
  max-width: 100%;
}

или
overflow: auto, что бы добавить прокрутку
flex-wrap: wrap; - что бы пустить вторым рядом

1. Составь ТЗ
2. Составь диаграму использования
3. Продумай роли
4. Набросай простой дизайн (+ какие страницы нужны)
5. Продумай хранение данных (Vuex)
6. Сделай roadmap как будет идти разработка (не делай сразу всё - нарасти постепенно)
7. Подумай, нужны ли тесты
8. Можно начинать кодить :)

Сервер не даёт доступ этому сайту, нужно настроить Access-Control-Allow-Origin / получить доступ НА СЕРВЕРЕ

Обычно нужно связываться на админом апи и просить внести сайт в разрешённые

Тут и бутстрап не нужен -_-
1. https://codepen.io/andreysh/pen/xQXeMJ
2. https://codepen.io/andreysh/pen/jQGRJy

upd: в вопросе не видно код примера
col-md-3 col-lg-3 - делит только на проценты, поэтому нужно использовать простые блоки

Media Type - тип устройства
Media Features - тип условия
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

float: left; - это очень плохой костыль, делайте через flex/grid

https://codepen.io/andreysh/pen/EOXzPB

.grid{
  display: flex;
  flex-wrap :wrap;

118 + 2 + 2 = 122

Из того, что часто может пригодится в вебе

• Паралакс
  
• слайдер
  
• генерацию таблиц из js
  
• сортировку таблиц
  
• общение с сервером
  
• Плеер (аудио/видео)
  
• Работа со временем (momentjs)
  
• Подгрузка постов при скроле
  
• Движение блоков при скроле
  
• Пагинация
  
• Модалка
  
• Взаимодействие с изображениями (фильтр, обрезка, ...)
  
• Кастомные селекты, датапикеры
  
• Табы
  

+ можешь поискать топ сайтов и попробовать повторить интересные штуки из них
+ jQuery
+ фрейморки, например Vue
+ node js

Но если закрыть меню и расширить масштаб браузера то меню пропадет.

menu.style.display = "none"; Будет приоритетнее, чем медиа, которое срабатывает на изменении размера.
Если нужно только js: Или сделай отдельно мобильное / отдельно десктопное, или делай прверку на ресайзе в js ещё

UPD или делай закрытие через классы, прописав в медиа для них условия тоже

.hide {
  display: none;
}
@media screen and(min-width: 992px) {
  .hide {
    display: block;
  }
}

UPD2

@media screen and(min-width: 992px) {
  .menu{
    display: block !important;
  }
}

Первый же запрос в гугле -_-

render: function() {
    return (
        <div className="content" dangerouslySetInnerHTML={{__html: kek.text}}></div>
    );
}