Brak wyśrodkowania

Question

Witam :)
Mam pytanie. Dlaczego inputy nie chcą się wyśrodkować a po nadaniu jakiejkolwiek wartości się przesuwają? :)

Posiłkuje się filmem Pana Zelenta lecz chciałem to zrobić już bardziej pod html5. :/

https://jsfiddle.net/KonDZIKs/ubca0pcs/

Answer 1

Nie styluj po ID...

https://codepen.io/arces92/pen/zRPVVW

Comments

Dziękuje :)
Mam kilka pytań :D
Dlaczego nie stylować pod id tylko klase?

Dlaczego stworzyłeś klasę form-wrapper i nie użyłeś jej w css?

Ostatnie, usunąć to id logowanie i zastąpić je tą klasa?

Przepraszam za tak banalne pytania lecz nie rozumiem :)

---

Po ID możesz stylować tylko jeden element, natomiast klasę możesz na stronie użyć wielokrotnie. To jest choćby jeden z argumentów, czemu powinno używać się klas, a nie ID do stylowania.

Rzeczywiście, miałem na początku inną wizję do wyśrodkowania elementów i dlatego dodałem klasę form-wrapper, możesz ją wykasować u siebie :)

Najlepiej by było, żeby zastąpić wszystkie id klasą albo po prostu dopisać klasę. ID może Ci się później przydać, np. do JSa.

---

Tzn ja użyłem id do logowania, ponieważ z tego co zrozumiałem z filmów Pana Zelenta to id nadaje się dla elementu które znajduje się na stronie tylko raz a nie powtarza się. Może moje rozumowanie jest błędne.

---

ID używa się tylko raz na stronie, ale wcale to nie oznacza, że dla każdego elementu, które tylko raz występuje. Zresztą bądź co bądź, nie uczyłbym się z tych kursów, jeżeli chcesz dobrze pisać kod. Niektóre z kursów są już przestarzałe i nieaktualne.

---

To co polecasz do nauki? Książki jakiś inny kurs na internecie?

---

"Koduje" podobno mają dobre kursy na początek. Osobiście ten etap mam już dawno za sobą i podstawy uczyłem się na interaktywnych stronach typu codecademy, freecodecamp