Skip to content

Commit d29e438

Browse files
author
James Mejia
committed
Part one: edits and grammar fixes
1 parent 44087ad commit d29e438

1 file changed

Lines changed: 5 additions & 5 deletions

File tree

_includes/sxs/02-extending/part-one.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ <h2><span>Part one</span> Customize a card with theme settings</h2>
1111
</p>
1212
<h3 class="step">View available theme settings.</h3>
1313
<p class="step-description">
14-
Visit the <a href="https://designsystem.digital.gov/components/card/#component-settings-card">USWDS Card component settings table</a> to see a list of available settings. Settings allow you to apply a global theme to USWDS components and styles without modifying CSS. Today's we're going to give our card a light golden look.
14+
Visit the <a href="https://designsystem.digital.gov/components/card/#component-settings-card">USWDS Card component settings table</a> to see a list of available settings. Settings allow you to apply styles globally without writing custom CSS. Today we're going to give our card a light golden look.
1515
</p>
1616
<h3 class="step">Customize border settings.</h3>
1717
<p class="step-description">
18-
Let's start but updating the border to remove the border and give the card a rounder border radius.
18+
Let's start with the card border. We'll remove the border and make the card rounder by increasing the border radius.
1919
</p>
2020
<p class="step-description">
2121
We want to give our card a border radius of 2 units. To do that we'll set the value of the border radius to <strong>lg</strong> then set the value of the large border radius to 2.
@@ -32,7 +32,7 @@ <h4 class="filename"><span class="material-icons" aria-hidden="true">description
3232
</div>
3333
<h3 class="step">Customize type settings.</h3>
3434
<p class="step-description">
35-
Next lets update the typesetting of our header to use a <strong>sans</strong> font, increase the size ("xl"), and use a tight line height (2).
35+
Next let's update the typesetting of our header to use a <strong>sans</strong> font, increase the size ("xl"), and use a tight line height (2).
3636
</p>
3737
<div class="editor">
3838
<h4 class="filename"><span class="material-icons" aria-hidden="true">description</span> _theme/_uswds-theme.scss</h4>
@@ -45,10 +45,10 @@ <h4 class="filename"><span class="material-icons" aria-hidden="true">description
4545
</pre><pre class="blur">);</pre>
4646
</div>
4747
<p class="step-description">
48-
Save, wait for the Sass to compile, and reload. You'll see the the updated border and font settings shape the card component! All without having to write any custom CSS.
48+
Save, wait for the Sass to compile, and reload. You'll see the updated border and font settings shape the card component! All without having to write any custom CSS.
4949
</p>
5050

5151
<p class="step-description">
52-
But maybe there are additional changes your team would like to make that are not available in theme settings. In the next section we'll take a look at adding custom styles.
52+
But maybe there are additional changes your team would like to make that aren't available in theme settings. In the next section we'll take a look at adding custom styles.
5353
</p>
5454
</section>

0 commit comments

Comments
 (0)