WEBVTT

1
00:00:00.000 --> 00:00:02.250
If we read this particular sizes attribute,

2
00:00:02.251 --> 00:00:06.690
we can see that the image is displayed at a hundred percent of the viewport

3
00:00:06.691 --> 00:00:11.340
with, so that's the VW, they're at a max width of 500 pixels.

4
00:00:11.490 --> 00:00:16.490
So that means the image will be a hundred percent wide in the viewport all the

5
00:00:17.131 --> 00:00:21.810
way up to 500 pixels of viewport with, and then anything wider than that,

6
00:00:22.110 --> 00:00:25.620
this condition will no longer be valid. So we'll go to the next one.

7
00:00:25.950 --> 00:00:30.270
And the next one says the image will be 50% of the viewport with,

8
00:00:30.450 --> 00:00:33.360
so with that information, the browser could say, okay,

9
00:00:33.361 --> 00:00:37.740
the viewport size is 300 pixels right now. So I know that.