Мой первый «Landing». В правильном направлении иду?

Question

[Senbonzakuraa]

Значит вот сверстал свой первый лэндинг.
https://codepen.io/Senbonzakuraa/pen/YZmPGJ
Прошу ткнуть меня носом в косяки и обрушить критику на код.
Классы я обзывал абсолютно рандомно, бывало даже запутывался.
Это самый первый опыт, я старался прислушиваться к ответам на свой прошлый вопрос.

Answer 1

[Ankhena]

1. Забыть про бутстрап по крайней мере на время. Сначала научиться верстать руками. (Если цель изучить верстку).

<a class="navbar-brand" style="color:#ffffff;font-size:15px; font-weight:00;" >[phone] mail@shhh.s</a>

2. Зачем нужны инлайн стили, если все равно есть класс и css?

3. Ссылка одновременно и на e-mail и на телефон? И у ссылки должен быть какой-то href.

4. font-weight:00; - 00? Внимательность верстальщику нужна чуть меньше чем хирургу, но все таки нужна сильно.

5. Я бы с тегом nav вела бы себя аккуратнее, это скорее обертка для ссылок, а не для всей панели. https://webref.ru/html/nav

6. Не забывайте пользоваться валидатором https://validator.w3.org
Я согласна на невалидные решения, но только если Вы отдаете себе отчет в том, зачем это делаете.

Хватит пока

Comments

[Senbonzakuraa]

Спасибо большое за ответ!
Забыть про бутстрап - это не использовать решения которые он предлагает, включая систему сетки?

[Ankhena]

Senbonzakuraa: в начале карьеры да, забыть от слова совсем. Следующим шагом можно изучить как он сделан.

[VlasovStepan]

Ankhena W: а что на счет flexbox думаете?

[Ankhena]

VlasovStepan: а конкретнее можете вопрос сформулировать?
Я его использую.

[VlasovStepan]

Ankhena W: ну в плане начала карьеры, использование флекса может быть допустимо ежели бутстрапа? Будет ли правильно использовать флекс со старта?

[Ankhena]

VlasovStepan: бутстрап - это фреймворк, флекс - это свойства CSS, как они получились в одном ряду не понятно.
Да, конечно, используйте, флексы.