Problem HTML + CSS

Question

Witam,

Jestem początkującym użytkownikiem html i css. Spotkałem problem przy używaniu css'a a dokladniej https://prnt.sc/mfzcqn . Chciałem żeby napis "seriale" był taki sam jak "ulubione gierki" niestety coś poszlo nie tak, po 20minutach próbowania nie dalem rady.

http://pokazywarka.pl/enh6x4/ -kod html

http://pokazywarka.pl/nfau5c/ -css

Za wszystkie błędy w kodzie przepraszam, ale dopiero sie ucze ;D

Answer 1

Nagłówek h2 jest w liście ul która narzuca mu margin.

Comments

Dziękuje za pomoc :)

---

Parę uwag dot. twojego kodu:

• id jest unikalne, nie powinny występować dwa takie same na jednej stronie. Zamiast id="netflix" użyj class="netflix". A w  CSS zamiast #netflix użyj .netflix
• Nie używaj atrybutu style jeśli nie jest to konieczne. To samo możesz zrobic szybciej i poprawniej klasą. Zręsztą sam pewnie zauważyłeś, że kopiowanie tego samego ilka razy nie jest wygodne.
• Używasz nieadekwatnych id. Dla listy ulubionych gier id to lista, natomiast dla seriali id wynosi seriale. Przy trochę większej stronie łatwo się w tym pogubisz.

 

---

Znam class="netflix' ale nie wiedziałem jak zapisać jedno class dla trzech napisów dlatego zastosowałem ID. Jeśli chodzi o atrybut style to chcialem zeby napis byl bialy,a tło czarne. W css nie znalazłem takiej możliwości dlatego uzyłem tego. Dzięki za porady 

Answer 2

Kliknij na elemencie prawym przyciskiem myszy i wybierz opcje Zbadaj element w Chrome. Odpalą Ci się devtoolsy i tam ładnie zobaczysz wszystkie style dla danego elementu.

Answer 3

Prosta sprawa ;) dodałeś seriale do <ul> przenieś to w górę linijkę ;)