Skip to content

Commit

Permalink
chore: replace curly quotes (freeCodeCamp#57575)
Browse files Browse the repository at this point in the history
  • Loading branch information
ilenia-magoni authored Dec 17, 2024
1 parent a8b7a45 commit 2cb6131
Show file tree
Hide file tree
Showing 53 changed files with 127 additions and 127 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
1. Your `.lightbox` element should have a fixed position so that the preview opens on top of the current images.
1. Your `.lightbox` element should cover the entire viewport by setting the height and width to 100% of the container. You should ensure that the lightbox element starts at the top left corner of the container.
1. `.lightbox` should have a background color. Initially, its `display` property should be set to `none` to hide it.
1. When you click one of your `.gallery-item` elements, the `.lightbox` elements `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
1. When you click one of your `.gallery-item` elements, the `#lightbox-image` elements `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the images `src` attribute. The full-size images are located at the following links:
1. When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
1. When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute. The full-size images are located at the following links:

- `https://cdn.freecodecamp.org/curriculum/labs/stonehenge.jpg`
- `https://cdn.freecodecamp.org/curriculum/labs/storm.jpg`
Expand Down Expand Up @@ -151,7 +151,7 @@ Your `.lightbox` element should be hidden initially.
assert.equal(new __helpers.CSSHelp(document).getStyle('.lightbox')?.display, 'none');
```

When you click one of your `.gallery-item` elements, the `.lightbox` elements `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
```js
// Get the lightbox element
Expand All @@ -178,7 +178,7 @@ galleryItem.dispatchEvent(new Event('click'));
assert.strictEqual(getComputedDisplay(lightbox), 'flex');
```
When you click one of your `.gallery-item` elements, the `#lightbox-image` elements `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the images `src` attribute.
When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute.
```js
// Select gallery items and lightbox image element
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ assert.exists(el);
assert.exists(el.src);
```

Your `#header-img`s `src` value should be a valid URL (starts with `http`).
Your `#header-img`'s `src` value should be a valid URL (starts with `http`).

```js
const el = document.getElementById('header-img');
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -90,15 +90,15 @@ When should you hide content on a web page?

## --answers--

When the content youre hiding is less important than other content on the page.
When the content you're hiding is less important than other content on the page.

### --feedback--

Think about how hiding content affects accessibility and the user experience as a whole.

---

When the content youre hiding is incorrect.
When the content you're hiding is incorrect.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ Complex video editing features.

### --feedback--

Consider Adobe XDs primary use in UI/UX design and its relationship with other Adobe tools.
Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.

---

Expand All @@ -106,15 +106,15 @@ Being a raster-based image editor.

### --feedback--

Consider Adobe XDs primary use in UI/UX design and its relationship with other Adobe tools.
Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.

---

Specialized 3D modeling capabilities.

### --feedback--

Consider Adobe XDs primary use in UI/UX design and its relationship with other Adobe tools.
Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.

## --video-solution--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,27 +22,27 @@ Trying to call a variable like a function.

### --feedback--

Its like grammar for your code.
It's like grammar for your code.

---

Trying to use a value thats out of range.
Trying to use a value that's out of range.

### --feedback--

Its like grammar for your code.
It's like grammar for your code.

---

Writing something incorrectly in your code, like missing a parenthesis or semicolon.

---

Accessing a variable before its declared.
Accessing a variable before it's declared.

### --feedback--

Its like grammar for your code.
It's like grammar for your code.

## --video-solution--

Expand All @@ -58,15 +58,15 @@ What will happen if you try to call a variable that holds a number as if it were

### --feedback--

The error happens because the variable is being treated like a function when its not.
The error happens because the variable is being treated like a function when it's not.

---

`ReferenceError`

### --feedback--

The error happens because the variable is being treated like a function when its not.
The error happens because the variable is being treated like a function when it's not.

---

Expand All @@ -78,15 +78,15 @@ The error happens because the variable is being treated like a function when it

### --feedback--

The error happens because the variable is being treated like a function when its not.
The error happens because the variable is being treated like a function when it's not.

## --video-solution--

3

## --text--

Which error occurs when you try to access an array index that doesnt exist?
Which error occurs when you try to access an array index that doesn't exist?

## --answers--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ Dragon.

### --feedback--

Most voice recognition software, especially ones that come bundled with operating systems, often include words like control or access. Focus on the options that dont follow this convention.
Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.

---

Expand All @@ -106,15 +106,15 @@ Voice Control.

### --feedback--

Most voice recognition software, especially ones that come bundled with operating systems, often include words like control or access. Focus on the options that dont follow this convention.
Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.

---

Voice Access.

### --feedback--

Most voice recognition software, especially ones that come bundled with operating systems, often include words like control or access. Focus on the options that dont follow this convention.
Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.

## --video-solution--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ In conclusion, libraries and frameworks offer quick solutions to common problems

## --text--

Why was jQuery a popular library of choice in the early 2010s?
Why was jQuery a popular library of choice in the early 2010's?

## --answers--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -58,15 +58,15 @@ JavaScript adds more styles to the CSS file.

### --feedback--

Think about how JavaScript can change the webpages content or styles without needing a page reload.
Think about how JavaScript can change the webpage's content or styles without needing a page reload.

---

JavaScript creates a new version of HTML for the page.

### --feedback--

Think about how JavaScript can change the webpages content or styles without needing a page reload.
Think about how JavaScript can change the webpage's content or styles without needing a page reload.

---

Expand All @@ -78,7 +78,7 @@ JavaScript only works in the backend.

### --feedback--

Think about how JavaScript can change the webpages content or styles without needing a page reload.
Think about how JavaScript can change the webpage's content or styles without needing a page reload.

## --video-solution--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ Why is it important to use descriptive names for your variables?

## --answers--

Its required by JavaScript.
It's required by JavaScript.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ When you want to track a value that will change during program execution.

---

When you want to declare a variable but dont want it to be accessible in a specific block of code.
When you want to declare a variable but don't want it to be accessible in a specific block of code.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,23 +22,23 @@ Which of the following is the default positioning for all elements?

### --feedback--

Think about what kind of positioning doesnt need any special CSS declaration.
Think about what kind of positioning doesn't need any special CSS declaration.

---

`relative`

### --feedback--

Think about what kind of positioning doesnt need any special CSS declaration.
Think about what kind of positioning doesn't need any special CSS declaration.

---

`fixed`

### --feedback--

Think about what kind of positioning doesnt need any special CSS declaration.
Think about what kind of positioning doesn't need any special CSS declaration.

---

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ Consider what the element falls back to when no positioned ancestor is available

---

Relative to the initial containing block (usually the browsers viewport).
Relative to the initial containing block (usually the browser's viewport).

---

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ Recall how each value in an array is numerically indexed, and how that affects t

---

They are dynamic, and their size can change after theyre created.
They are dynamic, and their size can change after they're created.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,15 +22,15 @@ Which method is used to access the user's media devices?

### --feedback--

This method accesses the users media devices.
This method accesses the user's media devices.

---

`getMediaDevices()`

### --feedback--

This method accesses the users media devices.
This method accesses the user's media devices.

---

Expand All @@ -42,7 +42,7 @@ This method accesses the user’s media devices.

### --feedback--

This method accesses the users media devices.
This method accesses the user's media devices.

## --video-solution--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ It makes the gradient extend to the farthest corner of the element.

---

It makes the gradient only appear within the elements `padding`.
It makes the gradient only appear within the element's `padding`.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -94,15 +94,15 @@ It makes the website look less colorful.

### --feedback--

Think about how users who cant distinguish between certain colors might be affected.
Think about how users who can't distinguish between certain colors might be affected.

---

It doesnt affect users with visual impairments.
It doesn't affect users with visual impairments.

### --feedback--

Think about how users who cant distinguish between certain colors might be affected.
Think about how users who can't distinguish between certain colors might be affected.

---

Expand All @@ -114,7 +114,7 @@ It requires more CSS code.

### --feedback--

Think about how users who cant distinguish between certain colors might be affected.
Think about how users who can't distinguish between certain colors might be affected.

## --video-solution--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -91,7 +91,7 @@ What happens when you use `grid-template-columns: 1fr 1fr 1fr 1fr;` in a CSS gri

## --answers--

The container will have four columns, each taking up 10% of the containers width.
The container will have four columns, each taking up 10% of the container's width.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ Prefix (`++value` or `--value`).

---

Either prefix or postfix, it doesnt matter.
Either prefix or postfix, it doesn't matter.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ Think about how JavaScript handles different types with regular equality.

---

It throws an error if the types dont match.
It throws an error if the types don't match.

### --feedback--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.

## --text--

Whats a compact way to write simple `if`/`else` statements?
What's a compact way to write simple `if`/`else` statements?

## --answers--

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@ Think about how it chooses to round up or down based on the decimal value.

## --text--

Whats the difference between `Math.min()` and `Math.max()`?
What's the difference between `Math.min()` and `Math.max()`?

## --answers--

Expand Down
Loading

0 comments on commit 2cb6131

Please sign in to comment.