BtchBetterHaveMyMoney

У чекбокса нет своего текста, оберни input в label и вставляй в него текст

<label><input onClick={this.changeTitle} type='checkbox' value={!this.state.clicked ? 'lf' : 'ytn'} />{!this.state.clicked ? 'lf' : 'ytn'} </label>

У чекбокса нет текста, есть только value значение

render() {
        return(
          <div>  
            <input onClick={this.changeTitle} type='checkbox' value={this.state.clicked} />
            {!this.state.clicked ? 'lf' : 'ytn'}
          </div>
        )
    }

у ul есть стандартный margin, обнулить его и все будет ок

ul {
    margin: 0;
}

https://jsfiddle.net/1ptxLwa3/
Лучше не задавать фиксированную ширину для контейнера, потому что если вдруг контента или текста станет больше, то будет переполнение и все сломается.
Лучше ссылку увеличить за счет padding'ов.
flex-direction: row;
Можно не указывать в css, так как это значение по умолчанию, если вы задаете display: flex
Для .main-menu тоже можно не указывать width: 100% , div - это блочный элемент, который тянется на всю ширину родительского контейнера

Если задача была , чтобы область клика по ссылке была больше, то вариант ediboba не сработает, потому что увеличится только высота   , но ссылка все еще будет небольшого размера ,и чтобы клик сработал придется тыкать именно текст.

.main-menu ul добавить margin 0 И height 100%

Смотрите, чтобы помимо i5 и ssd были:
1. Wi-Fi: 802.11ac, dual band, 2x2 Wi-Fi + Bluetooth
2. Usb-c порты (вместе с видео внутри: DP via usb-c/DP alt. mode)
3. Память: ddr4
4. Малый вес: 1.1-1.4 кг
5. Зарядка: usb-c

https://docs.microsoft.com/ru-ru/dotnet/csharp/

Event loop
Знать, что такое событийно-ориентированный, функциональный, объектно-ориентированный (прототипный) язык программирование.
ES6 (промисы, async/await, новые методы для работы с массивами, модули, декомпозиция, классы и т.д.)
Шаблоны проектирования. Хотя бы "наблюдатель", "фасад", "интерфейс"
API браузера.
Опыт практического использования хотя бы одного фреймворка (vue, angular, react)
Ajax, Comet, websocket, библиотека socket.io
Content Security Policy (CSP)
RESTapi, RPC, круто если еще GraphQL
Библиотека axios
Библиотека RxJs, не обязательно, но большой плюс будет
модульное тестирование
npm, webpack
html5, css3, css препроцессор (less, sass, stylus)
git, обязательно
jira, не обязательно
*nix системы, желательно
docker, желательно

Лучший совет, который можно дать в этом случае - нужно ходить на собеседования, чем больше тем лучше. Таким способом можно сформировать у себя в голове список технологий, которые хотят видеть от джуна потенциальные работодатели.

Требования, которые мне кажутся сейчас более-менее общие для рынка:
Html5 (семантика, async и defer), css3 (flexbox/grid, sass/less), js (es 6+), rest (запросы, cors), browser API, network, один фреймворк / библиотеку (нет, jQuery недостаточно :)): React, Angular, Vue - я бы рекомендовал React по совокупности причин.