HTML. Неделя вторая.⁠⁠

Правда, немного запоздала, потому что ленилась. В первую неделю я маленько разобралась с HTML и CSS, а потом решила посмотреть, что такое Bootstrap.

Сначала я придумала главную картинку. Хотела под ней сделать меню из двух ссылок, но это оказалось не так-то просто.

Билась с <nav> всю ночь, а утром до меня дошло - можно сделать меню в виде текста с ссылками.

Правда, наверное, это не самый изящный вариант, но я честно пыталась.

Затем наступил черёд картинки. Она никак не хотела помещаться в <div> при уменьшении экрана.

Я долго шаманила с media и блоками, потратила кучу времени. Но зато поняла, что в class можно вводить 2 названия. И это решило всю проблему, картинка легко встала в центр.

Блок с соцсетями я взяла из предыдущего макета, в интернете нашла отрывок кода с анимацией наведения на ссылку (появляется плавное подчёркивание).

А потом я сменила дизайн картинок, текста, и получился вот такой макет. Времени на изучение работы Bootstrap у меня ушло меньше, но 90% заняло исправление ошибок. Я часами сидела над одним единственным блоком, не понимала, как сделать всё правильно. Сворачивалась клубочком, грустила, а потом снова шла думать. Вы точно скажете: "Ой, Аня, что тут думать-то, легкотня". Но для меня это было настоящим испытанием, намного сложнее первой недели.

Правда, я ещё почти не приступала к адаптации. Если с маленькими экранами у меня всё хорошо, кроме блока с листочком и цветочком (он уходит далеко вправо при уменьшении экрана),

То на больших экранах у меня всё плохо.

И всё равно я чувствую себя молодцом ^^ Вот только дело ещё не закончено. Адаптивностью я займусь уже на третьей неделе :3