Skip to content

Conversation

@dushen-marker
Copy link

No description provided.

Copy link

@mxwrlld mxwrlld left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Общие моменты:

  • Отформатируйте. Для удобства можно использовать форматтер, например, Prettier. В Visual Studio Code доступен через расширение
  • Перенесите все стили из HTML в отдельный CSS-файл
  • Замените стилизацию тегов на стилизацию через классы. Классы именуйте в соответствии с БЭМ: имя-блока__имя-элемента_имя-модификатора. Подробнее тут и тут. К примеру, вместо прямой стилизации тега header создаем класс profile (не единственный вариант названия - просто одно из возможных) . Элементы внутри тега header объявляем элементами блока, например, h1 -> profile__name, img -> profile__image и т.д.
<header class="profile">
  <img class="profile__image" src="https://i.pinimg.com/736x/7c/9f/dc/7c9fdcdce66e4f702d8db5a83910fe17.jpg" alt="">
    <h1 class="profile__name">Душечкин Владислав Александрович</h1>
</header>
  • После выполнения вышеперечисленного добавьте адаптивности, например, через медиа - запросы: на узких экранах блок с фотографией лучше выводить в верхнюю часть страницы. Также согласуйте размер шрифтов - сейчас между header и другими блоками слишком большие различия.
Image

P.S. Жду первые две лабораторные. Если возникают вопросы - пишите, созвонимся

Copy link

@mxwrlld mxwrlld left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Напоминаю о необходимости внесения изменений!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants