Code Review - #2
Conversation
Add README.md file
| <label for='subject' class='form__label'>Subject</label> | ||
| </div> | ||
|
|
||
| <textarea rows=12 class='form__textarea' placeholder='Your Meassage Here....' id='description' autocomplete="off" required> |
There was a problem hiding this comment.
Strasznie dziwnie działa rozszerzenie tego textarea. Nie wiem jak to osiągnąłeś, ale dobrze byłoby to poprawić :)
|
|
||
| <meta name="description" content="myPorfolio"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| <!-- <link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet"> --> |
There was a problem hiding this comment.
Nie powinno się zostawiać takich zakomentowanych części kodu.
Po to właśnie jest system kontroli wersji - Git. Jeśli dobrze się nim posługujesz i opisujesz commity, to wtedy z łatwością znajdziesz zmainę - jeśli będziesz chciał do czegoś wrócić. A tak to nie wiadomo po co ten kod jest i czy w ogóle będzie działa jak się go odkomentuje.
| Przygotowane projekty interfejsu użytkownika są tutaj po to, żebyś bez problemów postawił swoje pierwsze kroki w praktycznym wykorzystaniu HTML i CSS. | ||
| Jednakże zachęcamy do wykonania czegoś, co ukaże Twoje wnętrze :) | ||
| Dobrej zabawy! | ||
| ## Table of contents |
There was a problem hiding this comment.
Brakuje najważniejszej rzeczy czyli WIELKIEGO WIDOCZNEGO LINKU DO DEMO.
Dodatkowo przydałby się screenshot - zawsze to robi dobre wrażenie na wejściu.
There was a problem hiding this comment.
Dobra, jest - ale to, że nie zauważyłem na początku świadczy, że powinen być bardziej widoczny.
| <div class='form__group'> | ||
| <input type='text' class='form__input' placeholder='Full Name' id='name' autocomplete="off" required> | ||
| <label for='name' class='form__label'>Full Name</label> | ||
| <input type='email' class='form__input' placeholder='Email adress' id='email' autocomplete="off" required> |
There was a problem hiding this comment.
Dlaczego jest wyłączony autocomplete :) ?
| font-size: 56.25%; // 1 rem = 9px, 9/16 = 56.25% | ||
| } | ||
|
|
||
| @include respond(tab-port) { //width < 900px |
There was a problem hiding this comment.
Te komentarze mogą kłamać :) Lepiej na nich nie polegać i wywalić. Jaki tutaj miałeś problem, że wymagało to komentarza? //width < 900px
| @mixin respond($breakpoint) { | ||
|
|
||
| @if $breakpoint == phone-small { | ||
| @media only screen and (max-width: 22.5em) { @content }; //360px |
There was a problem hiding this comment.
Czy ja się mylę, czy to niezbyt zadziała? Będziesz miał ustawienia responsywności zależne od rozmiaru fontów, a powinny być zależne od rozmiarów ekranu. Może dlatego masz bardzo małe literki :) ?
2 participants
No description provided.