Ден Тоцкий

Возможность писать клиент, сервер, приложения на одном языке это крутая концепция.
Я вижу 2 пути для фуллстека:

1) Flutter + язык Dart - Активно развивается в гугле и показывает очень бурный рост как технологии так и языка. Поддержка таким гигантом как гугл, говорит о том, что они будут развиваться и прокачиваться благодаря лучшим инженерам. Уже можно брать в продакшн.

2) JS + NodeJS + React JS/Native + TypeScript - Данный стек уже зарекомендовал себя как рабочая лошадка для разработки мультиплатформенных приложений. Тайпскрипт для продакшен кода сейчас мастхев(dart из коробки имеет типизацию). React развивается благодаря фейсбуку и у него огромное комьюнити. React стек легче изучить если вы знакомы с фронтендом.

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

Можно так попробовать:


Ну а при наведении выводить тултип с описанием каждого значения

т.к. строчные элементы, css между ними автоматически подставляет пробел. Его можно убрать просто указав размер шрифта в 0 для родительского элемента

figure {
  font-size: 0;
}

или использовать flexbox

figure {
  display: flex;
  flex-wrap: wrap;
}

Вот запили такой вариант https://jsfiddle.net/x6bu5zy3/

ну это же разные сущности. в css селекторе пропишите разные background'ы

косяки в верстке, в частности в стилях лейаута. Все "блоки" стилизованы с помощью position: absolute;
я считаю это неправильным, вероятно с этим и возникли проблемы. попробуйте побольше прогуглить как расположить элементы сайдбара и контента без таких "костылей"

можешь здесь покапаться render.ru/books/43

как вариант перекрытие одного лого другим
https://jsfiddle.net/c5o5qm7o/

попробуйте outline: none;