Navigation

Different navigation styles for small screen websites and how to code them.

Inline list
Linking multiple pages
Highlighting the current page
Footer anchor pattern
Grid pattern
Toggle pattern

Inline list

Linking multiple pages

Highlighting the current page

Footer anchor pattern

Grid pattern

Toggle pattern

© Thomas J Bradley — learntheweb.courses. All code for this website licensed under the MIT License. All tutorial code licensed under the CC0 Public Domain Dedication. All text, imagery, design, tutorials & videos licensed under the CC BY-NC-SA License. Unless otherwise noted. Privacy & cookies policy

Learn the Web, Ottawa, ON, Canada

Get help
Solutions for teachers
GitHub
Bugs

Last updated — 2022-11-19T16:33:10-05:00