Алексей Милютин

1. Прямые обращения к DOM используются в очень редких исключениях. Например:

document.body.classList.add('someClass');

2. Метод submitText, следует переименовать в handleChange. Вы не делаете никаких submit по изменению input.
3. При передаче в input метод теряет контекст надо либо делать bind:

constructor(props) {
  super(props);
  this.state = {text: 'hello world'};
  this.handleChange = this.handleChange.bind(this);
}

либо использовать свойство класса:

class App extends React.Component {
  // ...
  hanldeCHange = e => {
    this.setState({
      text: e.target.value,
  });
  // ...
}

4. Исправленный код:
<input onChange={this.handleChange} />

class App extends React.Component {
  // ...
  hanldeCHange = e => {
    this.setState({
      text: e.target.value,
  });
  // ...
}

Контекст потерялся. Ну и не надо пытаться достучаться до элемента через querySelector - он доступен как свойство target объекта события.

submitText = (e) => {
  this.setState({
    text: e.target.value,
  });
}

для шрифта попробуй em, ww или wh
И никто не тестит верстку на уменьшении масштаба в окне, открой консоль разработчика там есть размеры под разные экраны. Если уменьшать размер экрана, то viewport не отрабатывает

Ответ "стоит"! И можно не ждать 18 лет, зимы или выборов. Готовь резюме. Ищи вакансии и подавайся везде где только сможешь. Всего скорее, первые собеседования будут неудачные, но с ними ты поймешь свои пробелы и сможешь подтянуть знания. Если не остановишься, то через месяц/два будешь с какой-никакой, а работой. Всего скорее первая работа будет в какой-нибудь зачуханой студии и от тебя будут требовать всего подряд, но это даже хорошо. Еще через пол-года, год повторишь поиски, когда станешь более опытным. Пока, советую перейти в режим поглощения навыков связанных с желаемой позицией и направить всю энергию именно на их развитие. Хорошее место и деньги, придут со временем. В общем, не жди у моря погоды, начинай ходить на собеседования, по ходу дела разберешься что именно нужно подтянуть, кто нужен на рынке, стоит ли тебе искать первую работы js-разрабом или пока может начать с верстки под wordpress и т.д..

setVal = (propName, value) => {
  this.setState(state => ({
    formInfo: {
      ...state.formInfo,
      [propName]: value,
    }
  }));
};

Так же переименовал getval в setVal. Так как глагол get используют в функциях возвращающих значение, а set в устанавливающих значение.

Пишите что в повседневных задачах нужно, слайдер, модалка правильная модалка, паралаксы всякие, функции для анимации эффектов. Задач масса.

Не очень понятно что вы хотите в ответ.
Ну напишите туду-лист. Напишите аналог TiddlyWiki.
Возьмите готовые стили, bootstrap например.