Skip to content

Commit 06ca1f6

Browse files
author
Jay Freestone
committed
docs(README): Amend formatting on README.
1 parent 6dc18d5 commit 06ca1f6

1 file changed

Lines changed: 9 additions & 9 deletions

File tree

README.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -242,33 +242,33 @@ Simply add a rule that causes the first item in the navigation to expand beyond
242242

243243
## Troubleshooting
244244

245-
## Flex nav collapsing
245+
### Flex nav collapsing
246246

247247
If your menu is part of an auto-sized flex-child, it will probably need a positive `flex-grow` value to prevent it reverting to its smallest form. For instance:
248248

249249
```html
250250
<header class="site-header">
251251
<h1 class="site-header__title">My great site title</h1>
252252
<nav class="site-header__nav">
253-
<ul class="site-nav js-site-nav">
254-
<li><a href="#">Services</a></li>
255-
<li><a href="#">Thinking</a></li>
256-
<li><a href="#">Events</a></li>
257-
</ul>
253+
<ul class="site-nav js-site-nav">
254+
<li><a href="#">Services</a></li>
255+
<li><a href="#">Thinking</a></li>
256+
<li><a href="#">Events</a></li>
257+
</ul>
258258
</nav>
259259
</header>
260260
```
261261

262262
```css
263263
.site-header {
264-
display: flex;
265-
align-items: center;
264+
display: flex;
265+
align-items: center;
266266
}
267267

268268
/**
269269
* Prevents nav from collapsing.
270270
*/
271271
.site-header__nav {
272-
flex-grow: 1;
272+
flex-grow: 1;
273273
}
274274
```

0 commit comments

Comments
 (0)