practice-html-and-css-basics from Neil #214
Conversation
devmentor-pl
left a comment
devmentor-pl
left a comment
There was a problem hiding this comment.
Nail,
Zadania są ok 👍
Zostawiłem parę drobnych uwag w komentarzach :)
| <article> | ||
| <h2><a href="/travel/germany">Visit Oktoberfest in Germany</a></h2> | ||
| <img | ||
| src=".\1280px-Haupteingang_Oktoberfest_2012.jpg" |
There was a problem hiding this comment.
W HTML ukośniki robimy w drugą stronę tj. ./1280px-...
| <hr /> | ||
| <div class="comments"> | ||
| <div class="comment"> | ||
| <author>Flynn Wilson</author><br /> |
There was a problem hiding this comment.
Takiego znacznika nie ma, można użyć atrybutu rel="author" np. <a href="https://example.com/o-autorze" rel="author">Jan Kowalski</a>
| (0, 2, 2) | ||
| */ | ||
| ?? { | ||
| .ac-container input:active ~ article { |
| </div><!-- | ||
| --><div class="child child--last"> | ||
| Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus, iure? | ||
| </div> |
| } | ||
| .child--middle { | ||
| margin: 0 10px ; | ||
| } No newline at end of file |
| </ul> | ||
| </nav> | ||
| </body> | ||
| </html> |
| .navbar > ul > li:nth-child(3), | ||
| .navbar > ul > li:nth-child(4) { |
There was a problem hiding this comment.
Łatwiej jest, przy bardziej rozbudowanych przypadkach używać odpowiednich klas.
Co jeśli pojawi się kolejny rozwijany element? Wtedy będzie trzeba modyfikować nie tylko HTML, ale też CSS
| .navbar__dropdown > ul > li:nth-child(2)::after { | ||
| position: absolute; | ||
| display: inline-block; | ||
| content: ">"; | ||
| right: 8px; | ||
| visibility: hidden; | ||
| } | ||
| .navbar__dropdown > ul > li:nth-child(2):hover::after { |
There was a problem hiding this comment.
Podobnie tutaj. Tworzenie rozbudowanych selektorów powoduje, że całość rozwiązania staje się bardziej złożone.
Lepiej użyć klasy. zamiast .navbar__dropdown > ul > li:nth-child(2)
| <div class="container footer__container"><div></div></div> | ||
| </footer> | ||
| </body> | ||
| </html> |
| } | ||
| .footer__container div { | ||
| width: 15%; | ||
| } No newline at end of file |
2 participants
No description provided.