search

MastersAcademy / frontend-course-2021

Репозиторій з курсу «Advanced Front-end» проекту Masters Academy
MIT License
5 stars 29 forks source link

6-adaptive #211

Closed 20-Igorek-21 closed 2 years ago

20-Igorek-21 commented 2 years ago

https://20-igorek-21.github.io/frontend-course-2021//homeworks/ihor.kropyvnyi_20-Igorek-21/6-adaptive/src/index.html

Chebutalio commented 2 years ago

image не той колір

Chebutalio commented 2 years ago

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

Chebutalio commented 2 years ago

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

Chebutalio commented 2 years ago

image Це також лінки

Chebutalio commented 2 years ago

image З цими лінками та ж історія

Chebutalio commented 2 years ago

По респонсіву багато проблем. Дивись по цьому сам, бо буде багато коментів. Медіаквері взагалі в тебе відсутні.

20-Igorek-21 commented 2 years ago

https://20-igorek-21.github.io/frontend-course-2021/homeworks/ihor.kropyvnyi_20-Igorek-21/6-adaptive/src/index.html

Chebutalio commented 2 years ago

image все ще не дуже виглядає, враховуючи, що я не дуже й сильно звузив екран (860px)

Chebutalio commented 2 years ago

image

justify-content: center і проблема вирішена

Chebutalio commented 2 years ago

image контент вилазить за вьюпорт

Chebutalio commented 2 years ago

image space-around вирішить проблему з таким виглядом. І відцентрує по середині сторінки і не буде отаких величезних відступів

Chebutalio commented 2 years ago

image все ще відступи відрізняються від тих, що на дизайні також ти тут для блоків використовуєш одночасно верхні й нижні марджини. Вони колапсяться. Роби їх в один бік (або лише верхні, або лише нижні). https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing почитай про це.

Chebutalio commented 2 years ago

image якось воно все злилося в купу

Chebutalio commented 2 years ago

image я до інших ховер ефектів не придиратимусь, але тут, вибач, вони дуже не гарні. Де ти такі бачив? Зроби просто зміну кольору тексту (зроби його чорнішим при наведенні, можеш тінюшку додати).

Chebutalio commented 2 years ago

HTML-элемент article представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.

Я не розумію, чого в тебе все артіклами? Артікли для вставки статті чи типу того. Якщо тобі просто потрібен блок - юзай дів, ніхто ж не забороняє.