Skip to content

Commit 1a6d545

Browse files
fix: improvements from recording 16.3.2025
1 parent 3c5dcdf commit 1a6d545

File tree

2 files changed

+13
-13
lines changed

2 files changed

+13
-13
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3283,19 +3283,19 @@ Serve responsive images that are appropriately sized for different screen resolu
32833283
```html
32843284
<!-- Example of serving responsive images with the srcset attribute -->
32853285
<img src="small-image.jpg"
3286-
srcset="medium-image.jpg 800w,
3287-
large-image.jpg 1600w"
3288-
sizes="(max-width: 600px) 90vw,
3289-
(max-width: 1024px) 70vw,
3290-
100vw"
3291-
alt="Responsive Image">
3286+
srcset="medium-image.jpg 800w,
3287+
large-image.jpg 1600w"
3288+
sizes="(max-width: 600px) 90vw,
3289+
(max-width: 1024px) 70vw,
3290+
100vw"
3291+
alt="Responsive Image">
32923292
```
32933293

32943294
[![Edit 084-Serving Responsive Images](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/084-serving-responsive-images-xxs4hy)
32953295

32963296
[^84]CodeSandbox: Serving Responsive Images.
32973297

3298-
[^84]:[CodeSandbox: Serving Responsive Images](https://xxs4hy.csb.app/), last access: September 2, 2024.
3298+
[^84]:[CodeSandbox: Serving Responsive Images](https://xxs4hy.csb.app/), last access: March 16, 2025.
32993299

33003300
- **Srcset Attribute**: Use the srcset attribute to specify different image versions for various screen resolutions and pixel densities, ensuring crisp and clear images on devices with varying display capabilities.
33013301
- **Sizes Attribute**: Set the sizes attribute to define the image's display size based on viewport width, ensuring optimal rendering on different devices and screen sizes.

__presentation-slides/index.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2137,12 +2137,12 @@ <h1>Main Heading</h1>
21372137
```html[|1|2|3|4|5|6|7]
21382138
<!-- Example of serving responsive images with the srcset attribute -->
21392139
<img src="small-image.jpg"
2140-
srcset="medium-image.jpg 800w,
2141-
large-image.jpg 1600w"
2142-
sizes="(max-width: 600px) 90vw,
2143-
(max-width: 1024px) 70vw,
2144-
100vw"
2145-
alt="Responsive Image">
2140+
srcset="medium-image.jpg 800w,
2141+
large-image.jpg 1600w"
2142+
sizes="(max-width: 600px) 90vw,
2143+
(max-width: 1024px) 70vw,
2144+
100vw"
2145+
alt="Responsive Image">
21462146
```
21472147

21482148
[![Edit 084-Serving Responsive Images](images/codesandbox.svg)](https://codesandbox.io/p/sandbox/084-serving-responsive-images-xxs4hy)

0 commit comments

Comments
 (0)