Homework2 #2
Homework2 #2
Conversation
| <title>CV</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <body> |
There was a problem hiding this comment.
Очень не хватает семантической разметки, насколько я помню про нее говорили на лекции. Поисковый робот придя на этот сайт запутается. Также это важно для людей с ограниченными возможностями, читалок и прочей "робототехники", которая будет пытаться понять на машинном уровне структуру сайта.
There was a problem hiding this comment.
Присоединюсь, было бы все совсем отлично, если бы было немного тегов по смыслу
| text-align: center; | ||
| } | ||
|
|
||
| /* --------- MAIN INFORMATION --------- */ |
There was a problem hiding this comment.
это полезно, коменты в CSS это хорошо, как и везде
|
По макету ты правильно сделал размеры контейнеров и общего каркаса, но не правильно спозиционировал аватарку, забыл сделать тень и кнопку "DOWNLOAD" Проблемы с тенью? Это можно решить! PNG с прозрачностью может отбрасывать тень по контуру без прозрачности
Почитай тут https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow() |
|
Я оценил наполнение контентом, но сделал бы его гораздо более компактным, соц сети достаточно только иконки, кажется мы все повязаны с ними на века, и в названиях смысла нет, иконки не очень подобраны для них, все в разной стилистике, нужно найти набор одинаковых иконок соц сетей это можно сделать вот таким запросом: |
| <title>CV</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <body> |
There was a problem hiding this comment.
Присоединюсь, было бы все совсем отлично, если бы было немного тегов по смыслу
styles.css
Outdated
| p, h2, h3, a { | ||
| color: white; | ||
| text-decoration: none; | ||
| font-family: Helvetica; |
styles.css
Outdated
| } | ||
|
|
||
| p, h2, h3, a { | ||
| color: white; |
styles.css
Outdated
| margin-right: auto; | ||
| } | ||
|
|
||
| h2, h3, a { |
There was a problem hiding this comment.
не очень хорошо стилизовать по селектору тега, лучше стилизовать по селектору класса
Конечно, можно стилизовать таким образом общие для всего документа вещи, но скорее всего мы не захотим видеть ссылки жирными во всем проекте
И еще h2 и h3 намекают нам, что это разные заголовки и они не должны быть одного размера
styles.css
Outdated
|
|
||
| .projects { | ||
| display: flex; | ||
| flex-direction: row; |
There was a problem hiding this comment.
row по умолчанию, убрать тут и везде и везде, где есть
No description provided.