Ocena kodu HTML CSS pod pewnym kątem

pytanie zadane 26 września 2018 w HTML i CSS przez Elemental Początkujący (370 p.)

Witam,

Uczę się tworzenia stron internetowych już od jakiegoś czasu. Niestety nie wiem, czy pewne elementy tworzę poprawnie. Wykonałem "demo" kod (Dekstop oraz urządzenia mobilne)

Proszę was o sprawdzenie kody hmtl css pod pewnym specyficznym kątem, Głownie to:

- Nazewnictwo div'ów. Mam z tym problem ponieważ nie wiem jak nazywać niektóre sekcje

- Metoda BEM. Trochę mi się to wszystko miesza. Nauczyciel mi mówi np. że na tytułów daje się .title--modyfikator a gdzieś indziej wyczytałem, że tytuł traktuje się jako element.

- Modyfikatory typu nav, footer, section itp.

- Ogólnie sprawdzenie kody CSS. Proszę nie zwracać na błędy (jeśli są) typu "margin-right: 20px margin-left 20px;. Wiem, że można skrócić do "margin: 0 20px;. Chodzi mi o bardziej o coś w stylu "tutaj można zrobić to tak".

- Podobnie z obrazkami i alt.

Strona nie zawiera jeszcze elementów interaktywnych

O to mój kod

https://jsfiddle.net/gc6Lydso/

Liczę na wszą pomoc i dziękuje ! :)

1	komentarz 26 września 2018 przez Jacek Rojek Bywalec (2,380 p.) Na początek stwórz repozytorium na github.com i tam umieść kod, da ci to możliwość darmowego hostingu statycznych stron. Dla osób czytającym kod będzie łatwiej wyświetlic go na urządzeniach mobilnych niż używając stron jak jsfiddle.

komentarz 27 września 2018 przez gakowalski Gaduła (3,080 p.)

@Elemental, dlaczego zdecydowałeś się utworzyć reguły ".float-left" oraz ".float-right"? Pytam, bo to wygląda na kiepski pomysł, ale może masz jakieś uzasadnienie.

komentarz 5 października 2018 przez Elemental Początkujący (370 p.)

Od razu mówię, że nie wiem czy to jest poprawne. Ogólnie utworzyłem takie coś aby łatwiej się odnaleźć. Tworząc responsywną stronę umieszczam wszystko jedno pod drugim. Potem se tworze takie dwie klasy i tylko dodaje. Rozmieszcza wtedy to elementy po prawej i lewej stornie :P (desktop)