Skip to content

Commit

Permalink
Add reflow example video files directly into the repository/folder
Browse files Browse the repository at this point in the history
  • Loading branch information
patrickhlauke committed Jul 26, 2024
1 parent 77dfb51 commit e1a2bbb
Show file tree
Hide file tree
Showing 3 changed files with 1 addition and 1 deletion.
Binary file added understanding/21/img/reflow-example-1-BBC.mp4
Binary file not shown.
Binary file added understanding/21/img/reflow-example-1-BBC.ogv
Binary file not shown.
2 changes: 1 addition & 1 deletion understanding/21/reflow.html
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ <h2>Examples</h2>
<ul>
<li>
<strong>One column view in responsive design</strong>
<p><video controls="controls"><source src="https://alastairc.uk/w3c/reflow-example-1-BBC.mp4" type="video/mp4" /><source src="https://alastairc.uk/w3c/reflow-example-1-BBC.ogv" type="video/ogg" />Animation of zooming in on a responsive site. The content reflows to fit the screen.</video></p>
<p><video controls="controls"><source src="img/reflow-example-1-BBC.mp4" type="video/mp4" /><source src="img/reflow-example-1-BBC.ogv" type="video/ogg" />Animation of zooming in on a responsive site. The content reflows to fit the screen.</video></p>
<p>Note that as the zoom percentage increases, the navigation changes first to hide options behind a &quot;More&quot; dropdown menu. As zooming continues, most navigation options are eventually behind a &quot;hamburger&quot; menu button. All the information and functionality is still available from this web page. There is no horizontal scrolling.</p>
</li>
<li>
Expand Down

0 comments on commit e1a2bbb

Please sign in to comment.