We can also change some
styles based on whether
our web page is being
viewed in portrait
or landscape orientation:
Portrait orientation is
when the screen width is
smaller than the height
and
landscape is when screen
width is larger than the
height.
Resize the output
panel to a width smaller
than the height to notice
that the paragraph width
changes to 100%.