Conversation
devmentor-pl
left a comment
devmentor-pl
left a comment
There was a problem hiding this comment.
Kacprze,
Oczywiście jest ok 👍
Jednak zostawiłem parę uwag w komentarzach ;)
| </li> | ||
| </ul> | ||
| </nav> | ||
| </footer> |
| (0, 2, 2) | ||
| */ | ||
| ?? { | ||
| .ac-container input:checked ~ article { |
| font-family: 'Source Sans Pro'; | ||
| font-style: normal; | ||
| font-weight: normal; | ||
| src: url('/03/source-sans-pro/SourceSansPro-Regular.otf') format('opentype'); |
There was a problem hiding this comment.
Raczej wstawiałbym ścieżki względne niż bezwzględne. W zależności od sposobu uruchamiania takiej strony ścieżka względna tj. ./03/source-sans-pro/SourceSansPro-Regular.otf - będzie częściej prawidłowa niż wzlędna tj. zaczynająca się od ukośnika tj. / - bo to oznacza katalog główny aplikacji, a nie zawsze jest on zgodny z adresem "plików statycznych".
| content: ""; | ||
| display: table; | ||
| clear: both; | ||
| } No newline at end of file |
| <body> | ||
| <header> | ||
| <nav class="header-nav"> | ||
| <ul class="nav-list"> |
There was a problem hiding this comment.
Nie chcesz spróbować używać BEM?
https://devmentor.pl/b/metodologia-bem-w-css-i-sass
| list-style: none; | ||
| } | ||
|
|
||
| .nav-list > li { |
There was a problem hiding this comment.
Jeśli używałbyś BEM to zawsze stylujemy po klasach
| .nav-list > li > a, | ||
| .nav-list > li > span { |
There was a problem hiding this comment.
Lepiej w takich sytuacjach nadać odpowiednią klasę (oczywiście wyjątkiem jest :after czy :hover) i po niej stylować.
Zagnieżdżanie znaczników to tworzenie dodatkowych zależności, co niepotrzebnie komplikuje kod.
| background-color: #555; | ||
| } | ||
|
|
||
| .nav-list li ul li ul { |
There was a problem hiding this comment.
Ten zapis jest bardzo podatny na błędy i przeoczenia.
Co jeśli będzie kolejne zagnieżdżenie? Dodasz kolejne ul li?
Raczej utworzyłbym odpowiednią klasę i ją dodawał do odpowiednich elementów.
| </footer> | ||
| </body> | ||
|
|
||
| </html> No newline at end of file |
2 participants
No description provided.