refactor(docs-infra): consistently format `docs-card` elements in the guides (#41250)

This commit formats the `docs-card` elements used in
`contributors-guide-overview` and `docs` guides to have consistent
indentation and line-wrapping.

PR Close #41250
This commit is contained in:
George Kalpakas 2021-03-17 20:46:58 +02:00 committed by Alex Rickabaugh
parent 8b9d98ec63
commit 8debe95fc3
2 changed files with 33 additions and 42 deletions

View File

@ -11,29 +11,24 @@ Before you get started with your contributions, we recommend that you review [Co
## Contributing to Angular
<div class="card-container">
<a href="guide/reviewing-content" class="docs-card"
title="Reviewing content">
<a href="guide/reviewing-content" class="docs-card" title="Reviewing content">
<section>Review content</section>
<p>Keep Angular content up-to-date by reviewing topics for accuracy.</p>
<p class="card-footer">Help keep content up to date</p>
</a>
<a href="guide/updating-search-keywords" class="docs-card"
title="Updating search keywords">
<a href="guide/updating-search-keywords" class="docs-card" title="Updating search keywords">
<section>Update search keywords</section>
<p>Help Angular developers by improving the search keywords for existing topics.</p>
<p class="card-footer">Improve documentation search</p>
</a>
<a href="guide/updating-content-github-ui" class="docs-card"
title="Updating content through GitHub">
<a href="guide/updating-content-github-ui" class="docs-card" title="Updating content through GitHub">
<section>Update content through GitHub</section>
<p>Learn how to make documentation changes through the GitHub UI.</p>
<p class="card-footer">Contribute to Angular in your browser</p>
</a>
<a href="guide/docs-style-guide" class="docs-card"
title="Documentation Style Guide">
<a href="guide/docs-style-guide" class="docs-card" title="Documentation Style Guide">
<section>Documentation style guide</section>
<p>Review the syntax and styles used within the Angular documentation set.</p>
<p class="card-footer">Get to know the writing style</p>
</a>
</div>

View File

@ -7,14 +7,12 @@ Tutorials and guides include downloadable examples to accelerate your projects.
<div class="card-container">
<a href="guide/what-is-angular" class="docs-card"
title="Angular Local Environment Setup">
<a href="guide/what-is-angular" class="docs-card" title="Angular Local Environment Setup">
<section>What is Angular</section>
<p>Get a high-level overview of the Angular platform.</p>
<p class="card-footer">Local setup</p>
</a>
<a href="guide/setup-local" class="docs-card"
title="Angular Local Environment Setup">
<a href="guide/setup-local" class="docs-card" title="Angular Local Environment Setup">
<section>Get Started</section>
<p>Set up your local environment for development with the Angular CLI.</p>
<p class="card-footer">Local setup</p>
@ -34,8 +32,6 @@ Tutorials and guides include downloadable examples to accelerate your projects.
<p>Work through a full tutorial to create your first app.</p>
<p class="card-footer">Tour of Heroes tutorial</p>
</a>
</div>