6-adaptive

[ConstantinRusenko]

https://constantinrusenko.github.io/frontend-course-2021/homeworks/konstantin.rusenko_ConstantinRusenko/6-adaptive/

[Chebutalio]

Відсутній відступ між елементами

[Chebutalio]

на дизайні цей елемент значно довший, також було б непогано додати відступ, щоб плейсхолдер виглядав гарно

[Chebutalio]

Ховер та ектів ефекти для кнопок відсутні. Текст в інпуті мав би мати якийсь мабуть темніший колір, бо його майже не видно.

[Chebutalio]

[Chebutalio]

у тебе тут щось не так з цими блоками

[Chebutalio]

Якщо розділити цю сторінку навпіл, то контент справа і зліва мав би бути по середині цих половинок (принаймні, так на дизайні)

[Chebutalio]

У тебе тут взагалі якийсь хаос з відступами. Дивись як це на дизайні. Також відсутні ховер ефекти для лінок

[Chebutalio]

знову відступи, текст має бути в два рядки, відступи між іконками-посиланнями на соцмережі мають бути меншими, відсутні ховер ефекти для лінок

[Chebutalio]

Можна додати ще одну медіа квері для того, щоб до розміру в 768 пікселів сайт також виглядав нормально (ну або хоча б поправити вьорстку загалом, щоб вона стала респонсивною)

[Chebutalio]

при 768 цей заголовок виглядає нєочєнь

[Chebutalio]

768 - футер виглядає дивно. Між логотипами також досить маленький відступ

[Chebutalio]

320 пікселів. Скажи, ти б такий сайт листав на телефоні?)

[Chebutalio]

кривенько

[ConstantinRusenko]

768 - футер виглядає дивно. Між логотипами також досить маленький відступ

сделал получше

[ConstantinRusenko]

320 пікселів. Скажи, ти б такий сайт листав на телефоні?)

изменил. Просто иногда не очень понятно как сделать(не в этом месте) мобильный дизайн или таблет без примеров

[ConstantinRusenko]

при 768 цей заголовок виглядає нєочєнь

сделал лучше

[ConstantinRusenko]

на дизайні цей елемент значно довший, також було б непогано додати відступ, щоб плейсхолдер виглядав гарно

Есть

[ConstantinRusenko]

Відсутній відступ між елементами

готов

[ConstantinRusenko]

Ховер та ектів ефекти для кнопок відсутні. Текст в інпуті мав би мати якийсь мабуть темніший колір, бо його майже не видно.

ховеры есть, поинтер появляется на линках также. Просто не понятно по дизайну на какие цвета должно меняться

[Chebutalio]

В задачі описано, що на лінках і кнопках має бути ховер ефект (це стосується не лише курсора, а взагалі. Колір для ховер ефектів ти можеш обирати сам, який хочеш, головне. щоб це виглядало нормально.

[Chebutalio]

або чувачок наїжджає на текст, або текст наїжджає на чувачка... Щось тут не так точно

[Chebutalio]

не пофікшено і в цілому брейкпоінт на 320 (який ніхто не використовує, я скинув тобі розміри) неюзабєльний.

[Chebutalio]

тег article використовується для вставки статті, блогу чи т.п. У тебе він використовується вскрізь. Що заважає використати просто дів, якщо немає підгодящого семантичного тегу?

https://developer.mozilla.org/ru/docs/Web/HTML/Element/article

[Chebutalio]

З приводу вставки svg була окрема лекція. В цій домашці треба використати те. що ви на ній пройшли. Всі коменти які не скриті - не виправлені + є кілька нових.

[ConstantinRusenko]

На лекции показывали несколько способов, один из них был img. Я пробовал и с use, но тогда html становиться очень большой(тысячи строк) а так же линтер много, очень много ругается на все эти строки html. А если в use вставить линку на файл, то и использовать без сервера не получиться из-за CORS

[Chebutalio]

На макеті рівненько

[Chebutalio]

не пофікшено. Ти юзаєш одночасно верхні та нижні марджини. Так робити не варто: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing

[Chebutalio]

ок, 375... Лого не по центру, текст кнопки переводиться на дві строчки, контент здвинутий, немає відступу від кнопки для кнопки зміни мов. Головний текст-заголовок дуже великий. Плесхолдер в інпуті не влізає і виглядає зломаним

[Chebutalio]

сюди б якісь відступи додати

[Chebutalio]

на телефоні дуже кайфово пролистувати оці великі відступи. Для чого вони? Також немає відступів для тексту. Кнопка не по центру.

[Chebutalio]

Через такі великі відступи на мобайлі не зрозуміло буде, ця лінка для верхньої картинки чи для нижньої вже

[Chebutalio]

Лого не по центру і дуже близько до верхньої частини футера. Лінки на соцмережі десь втікли, Текст скукожений і не по центру

[Chebutalio]

або чувачок наїжджає на текст, або текст наїжджає на чувачка... Щось тут не так точно

не пофікшено

[Chebutalio]

На лекции показывали несколько способов, один из них был img. Я пробовал и с use, но тогда html становиться очень большой(тысячи строк) а так же линтер много, очень много ругается на все эти строки html. А если в use вставить линку на файл, то и использовать без сервера не получиться из-за CORS

Юзай спрайт і передавай айдішку в юз. Просто треба розібратися. Вставляти свг в html - це взагалі не варіант, бо такий темплейт нереально буде підтримувати.

[Chebutalio]

В задачі описано, що на лінках і кнопках має бути ховер ефект (це стосується не лише курсора, а взагалі. Колір для ховер ефектів ти можеш обирати сам, який хочеш, головне. щоб це виглядало нормально.

не пофікшено