View Code? Open in Web Editor
NEW
This project forked from fdnd-task/the-startup-responsive-interactieve-website
Ontwerp en maak een responsive website voor een startup.
Home Page: https://rileyesther.github.io/the-startup-responsive-interactieve-website/
CSS 31.00%
HTML 59.40%
JavaScript 9.60%
the-startup-responsive-interactieve-website's People
the-startup-responsive-interactieve-website's Issues
|
<div class="dropdown"> |
|
<div class="dropdown-btn">Select Product Line <span class="arrow">▾</span></div> |
|
<div class="dropdown-content"> |
|
<a href="#">Product Line 1</a> |
|
<a href="#">Product Line 2</a> |
|
<a href="#">Product Line 3</a> |
|
|
|
</div> |
Dit stond in de header, vandaar dat je hem niet naar beneden kreeg.
|
<a href="#" class="header-link">Product</a> |
|
<a href="#" class="header-link">Developers</a> |
|
<a href="#" class="header-link">Documentation</a> |
|
<a href="#" class="header-link">Delivery</a> |
|
<a href="#" class="header-link">Learning</a> |
Je hebt in je html # gebruikt om links te laten zien. Om je code duidelijker te maken kan je het best de namen gebruiken van de links.
|
<div class="header-links"> |
|
<a href="#" class="header-link">Product</a> |
|
<a href="#" class="header-link">Developers</a> |
|
<a href="#" class="header-link">Documentation</a> |
|
<a href="#" class="header-link">Delivery</a> |
|
<a href="#" class="header-link">Learning</a> |
|
</div> |
|
|
|
|
|
</div> |
|
<div class="dropdown"> |
|
<div class="dropdown-btn">Select Product Line <span class="arrow">▾</span></div> |
|
<div class="dropdown-content"> |
|
<a href="#">Product Line 1</a> |
|
<a href="#">Product Line 2</a> |
|
<a href="#">Product Line 3</a> |
|
|
|
</div> |
Hier sluit je 2x een <div>
element, maar er wordt alleen 1x geopend. Verder in de code heb je dan dat er nog een sluiting van de <div>
element mist.
De overbodige kan je verwijderen en bij de dropdown toevoegen.
Tip: gebruik in je header misschien beter
ipv een
Top: voor de rest is je html netjes