This textbook is available Logo
Web Design: Introductory 6th Edition

Web Design: Introductory (6th Edition)

Book Edition6th Edition
Author(s)Campbell, Shelly
SubjectComputer Science
Page Length, Content Placement, and Usability
Step 4: Specify the Website’s Navigation System
Step 5: Design the Look of the Website
Chapter 4, Page Length, Content Placement, and Usability, Your Turn 1, Exercise 2
Page 102

View webpages of different types (for example, government, business, and entertainment) using multiple devices or screen sizes. For each website, does the page width adapt as the screen size changes? What techniques might the web designers have used to make the page readable across differing page widths?


The Responsive web design is an approach that responds to the user's behavior and environment based on the screen size, orientation, and platform. These responsive web design tools include fluid gridflexible image, and responsive CSS styling code to make a webpage responsive. The elements of the webpage are associated with each other and have size relative to the screen size which allows them to adjust accordingly. 

The researched websites are mentioned below. 

  • United Nations: The United nations website adopts the device width and responds to the content accordingly. The webpages of this website include the fluid grid property to set the dynamic width size. 
  • Amazon: Amazon's website provides an m.(m-dot) experience, that is it offers a different set of User Interface when the user accesses the web page using mobile.  
  • Netflix: The Netflix website is compatible with the X-UA-Compatible version that is one of the versions of Internet Explorer Edge. It uses a flex container in order to achieve RWD.

Verified Answer


Adaptable page width


Technique Used
United NationsYesFluid grid and media query
AmazonYesM-dot experience
NetflixYesFlex container
How would you rate this answer and explanation?
Did you like this example?
Subscribe for full access
Page 102