napisanie artykułu#206
Conversation
devmentor-pl
left a comment
devmentor-pl
left a comment
There was a problem hiding this comment.
Piotrze,
Ogólnie wygląda to dobrze! 👍
Zostawiłem parę drobnych uwag do wdrożenia :)
| <li> <a href="#">rodzaje kursów</a> </li> | ||
| <ul> |
There was a problem hiding this comment.
Zwróć uwagę, że </li> ma być przed </ul>. Ten element zawiera menu podrzędne tj.
<li>
<a href="#">rodzaje kursów</a>
<ul>
...
</ul>
</li>
| (0, 1, 1) | ||
| */ | ||
| ?? { | ||
| .ac-container label { |
| (0, 2, 1) | ||
| */ | ||
| ?? { | ||
| .ac-container label:hover { |
| */ | ||
| /*??,??*/ | ||
| .ac-container input:checked + label, | ||
| .ac-container input:checked + label:hover { |
| (0, 3, 3) | ||
| */ | ||
| ?? { | ||
| /*??*/ .ac-container input:checked + label:hover::after { |
| </ul> | ||
| </li> | ||
| <li><a href="#">Item 2 ></a> <!-- Strzałka w prawo --> | ||
| <ul class="submenu"> |
There was a problem hiding this comment.
Zwróć uwagę, że to menu pokazuje się na tej samej linii co to wyżej - tak nie powinno być.
Powinno wyświetlać się na tym samym poziomie co "item 2" i iść w dół.
Wystarczy dla elementu li przypisać position: relative i po problemie ;)
| margin-right: 20px; | ||
| } | ||
|
|
||
| .menu li a { |
There was a problem hiding this comment.
Zdecydowanie łatwiej jest przypisać każdemu elementowi klasę i ją stylować, zamiast używać nazw znaczników.
Czyli zamiast pisać .menu li a lepiej będzie napisać .link
| <div></div> | ||
| </footer> | ||
| </body> | ||
| </html> No newline at end of file |
| .logo { | ||
| width: 100px; | ||
| height: 50px; | ||
| position: absolute; | ||
| left: 0; | ||
| } | ||
| .menu { | ||
| width: 200px; | ||
| height: 50px; | ||
| position: absolute; | ||
| right: 0; | ||
| } |
There was a problem hiding this comment.
Wykorzystywanie "absolute" do ustawiania elementów nie jest dobrym pomysłem bo ustawiamy ich pozycję na sztywno i nie wpływa to na "rodzica". To rozwiązanie wybieramy w ostateczności - w skrajnych przypadkach. Tutaj zdecydowanie lepiej wybrać "flex-a", aby ustawić elementy na obu bokach - wystarczy ustawić space-between dla space-between
| right: 0; | ||
| } | ||
|
|
||
| .dwie-kolumny { |
There was a problem hiding this comment.
Raczej staramy się używać określeń angielskich w nazwach klas
2 participants
No description provided.