Build it yourself - Header
Ta treść nie jest jeszcze dostępna w Twoim języku.
Since your site will be viewed on different devices, it’s time to create a page navigation that can respond to multiple screen sizes!
Przygotuj się na…
- Create a Header for your site that contains the Navigation component
- Make the Navigation component responsive
Try it yourself - Build a new Header component
Section titled Try it yourself - Build a new Header component-
Create a new Header component. Import and use your existing
Navigation.astro
component inside a<nav>
element which is inside a<header>
element.Show me the code!
Create a file named
Header.astro
insrc/components/
Try it yourself - Update your pages
Section titled Try it yourself - Update your pages-
On each page, replace your existing
<Navigation/>
component with your new header.Show me the code!